禁用按钮，直到必填字段有效 [英] Disable button until required fields are valid

问题描述

我已经搜索了这个问题的答案，但仍无法解决这个问题：

I've searched for the answer to this problem but still can't get this to work:

<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 有数据或者禁用按钮。

I want to make sure #contact_subject has data or else disable the button.

推荐答案

更改事件。试试这个：< a href =http://jsfiddle.net/e0t7qv56/1/ =nofollow> http://jsfiddle.net/e0t7qv56/1/

Change the event.Try this: 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);
});

这篇关于禁用按钮，直到必填字段有效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！