jQuery剥离前导和尾随空格

Question

我想修剪值(去掉前导和尾随空格)并使每个单词的第一个字母大写。当用户离开元素(模糊事件)

HTML输入如下

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

JS的一段代码

$(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;
    } 
}

请理解为什么它不能工作，或者有更好的方法来解决这个问题。

Answer 1

$(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;

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

toUpperCase
tolowercase

哟

toLowerCase

Answer 2

您可以试试这个$.trim(firstName).replace(/^([a-z])|s+([a-z])/g, function ($1) {return $1.toUpperCase();})

Answer 3

可以了-

$(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

Answer 4

代码中有几个错误

$(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/