Javascript jQuery полосы начальные и конечные пробелы - PullRequest
Новая
       1

Javascript jQuery полосы начальные и конечные пробелы

1 голос
/ 13 октября 2011

Я хочу обрезать значение (убрать начальные и конечные пробелы) и сделать первую букву в каждом слове заглавной.Когда пользователь покидает элемент (событие размытия)

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

Пожалуйста, поймите, почему он не работаетили, может быть, есть лучший подход для решения этой проблемы.

Ответы [ 4 ]

1 голос
/ 13 октября 2011

Это сделало бы это - 

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

Демо - http://jsfiddle.net/ipr101/QvATH/1

1 голос
/ 13 октября 2011

Вы можете попробовать это $.trim(firstName).replace(/^([a-z])|\s+([a-z])/g, function ($1) {return $1.toUpperCase();})

1 голос
/ 13 октября 2011 
$(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;
    } 
}

попробуй это должно сработать, только несколько изменений сделано, 

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

до 

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

touppercase

до 

toUpperCase

tolowercase

года 

toLowerCase
0 голосов
/ 13 октября 2011

У вас было несколько ошибок, связанных с кодом 

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

...