禁用按钮,直到必填字段有效

时间:2015-06-23 16:53:08

标签: javascript forms twitter-bootstrap form-submit

我已经搜索了这个问题的答案,但仍然无法使其工作:

<script type="text/javascript"> 
$(document).ready(function (){
    validate();
    $('#contact_subject').change(validate);
});

function validate(){
    if ($('#contact_subject').val().length   >   0  {
        $('button').prop('disabled', false);
    }
    else {
       $('button').prop('disabled', true);
    }
}

</script>

我想确保#contact_subject有数据,或者禁用按钮。

2 个答案:

答案 0 :(得分:5)

如果条件

,我认为你错过了一个括号
function validate(){
    if ($('#contact_subject').val().length   >   0)  {
        $('button').prop('disabled', false);
    }
    else {
       $('button').prop('disabled', true);
    }
}

答案 1 :(得分:2)

更改活动。请尝试:http://jsfiddle.net/e0t7qv56/1/

$("#field").keyup(function(){
    console.log($(this).val().length);
    if($(this).val().length)
        $("#btn").prop('disabled', false);
    else
        $("#btn").prop('disabled', true);
});