Javascript jQuery strip leading and trailing spaces

Question

I want to trim the value (strip leading and trailing spaces) and make first letter in every word capital. When user leave from the element (blur event)

HTML input as follows

<input id="iptFirstName" name="iptFirstName" type="text"/>

JS piece of code

$(document).ready(function(){ 
     var iptFirstName = $("#iptFirstName");
     iptFirstName.blur(validateForename);
});


function validateForename(){
    var firstName= $("#iptFirstName").val;
    //strip leading and trailing spaces
    firstName= $.trim(firstName)
    //change first letter in every word to uppercase
    firstName= Capital(firstName);
    //update input field whit new value
    $("#iptFirstName").val(firstName);
}

function Capital(eleValue) {
    var eleValue;

    if (eleValue != "") {
        var firstLetter = eleValue.substring(0, 1).touppercase();
        var restOfWord = eleValue.substring(1, eleValue.length).tolowercase();
        eleValue = firstLetter + restOfWord;
        return eleValue;
    } 
}

Please understand why it isn't working or maybe have a better approach to solve this problem.

user369661 · Accepted Answer · 2011-10-13 10:25:21Z

$(document).ready(function(){ 
     var iptFirstName = $("#iptFirstName");
     iptFirstName.blur(validateForename);
});


function validateForename(){
    var firstName= $("#iptFirstName").val();
    //strip leading and trailing spaces
    firstName= $.trim(firstName)
    //change first letter in every word to uppercase
    firstName= Capital(firstName);
    //update input field whit new value
    $("#iptFirstName").val(firstName);
}

function Capital(eleValue) {
    var eleValue;

    if (eleValue != "") {
        var firstLetter = eleValue.substring(0, 1).toUpperCase();
        var restOfWord = eleValue.substring(1, eleValue.length).toLowerCase();
        eleValue = firstLetter + restOfWord;
        return eleValue;
    } 
}

try this must work, only few changes done,

var firstName= $("#iptFirstName").val;

to

var firstName= $("#iptFirstName").val();

touppercase

to

toUpperCase

tolowercase

yo

toLowerCase

Narendra Yadala · Accepted Answer · 2011-10-13 10:28:29Z

1

You can try this $.trim(firstName).replace(/^([a-z])|\s+([a-z])/g, function ($1) {return $1.toUpperCase();})

answered Oct 13, 2011 at 10:28

Narendra Yadala

9,6641 gold badge31 silver badges44 bronze badges

Comments

ipr101 · Accepted Answer · 2011-10-13 11:44:55Z

1

This would do it -

$(document).ready(function() {
    var iptFirstName = $("#iptFirstName");
    iptFirstName.blur(function() {
        $(this).val(function() {
            return $.trim($(this).val()).replace(/(^[a-z]| [a-z])/g, function($0) {
                return $0.toUpperCase();
            })
        })
    });
});

Demo - http://jsfiddle.net/ipr101/QvATH/1

edited Oct 13, 2011 at 11:44

answered Oct 13, 2011 at 10:25

ipr101

24.2k8 gold badges61 silver badges62 bronze badges

2 Comments

Sameera Thilakasiri Over a year ago

Thanks a lot, in your code capitalized only the first letter, but if there another word after the space, it won’t capital.

ipr101 Over a year ago

Sorry about that - probably a bit late now but answer updated.

frisco · Accepted Answer · 2011-10-13 10:29:35Z

0

You had several errors trought the code

$(document).ready(function(){
     $("#iptFirstName").blur(validateForename);
});


function validateForename(){
    var firstName= $("#iptFirstName").val();
    //strip leading and trailing spaces
    firstName= $.trim(firstName);
    //change first letter in every word to uppercase
    firstName= Capital(firstName);      
    //update input field whit new value
    $("#iptFirstName").val(firstName);
}

function Capital(eleValue) {
    if (eleValue != "") {
        var firstLetter = eleValue.substring(0, 1).toUpperCase();
        var restOfWord = eleValue.substring(1, eleValue.length).toLowerCase();
        eleValue = firstLetter + restOfWord;
    }
    return eleValue;    
}

http://jsfiddle.net/b3XhL/

answered Oct 13, 2011 at 10:29

frisco

1,9172 gold badges21 silver badges29 bronze badges

1 Comment

Sameera Thilakasiri Over a year ago

Yes there were some JS case sensitive issues. Thanks.

Collectives™ on Stack Overflow

Javascript jQuery strip leading and trailing spaces

4 Answers 4

Comments

Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related