twitter-bootstrap - Progressbar twitter bootstrap 验证输入表单

Question

我已经编写了这段代码，但每次更改输入时都会发生这种情况。

    var width =+ 0;
    $("#Email").blur(function()          //whenever you click off an input element
        {    
            if( !$(this).val() ) {                   //if it is blank. 
                animateBar(width-=25); 
            } else {
                animateBar(width+=25);
            }
        });
    function animateBar(percentage)
        {
            $('#bar').animate({width: percentage+"%"}, 150);
        }

Answer 1

你应该做

var width =+ 0;
$("#Email").focusout(function()          //whenever you click off an input element
    {    
        if( !$(this).val() ) {                   //if it is blank. 
            animateBar(width-=25); 
        } else {
            animateBar(width+=25);
        }
    });
function animateBar(percentage)
    {
        $('#bar').animate({width: percentage+"%"}, 150);
    }

在这里你有你正在寻找的事件的文档 http://api.jquery.com/focusout/