在用户写入时验证表单输入文本答案

【问题标题】：Validate form input text while user write在用户写入时验证表单输入文本
【发布时间】：2015-10-26 16:46:26
【问题描述】：

我想在用户写作期间验证我的表单。现在我正在使用这个javascript：

$(document).ready(function (){
    validate();
    $('#initialKm, #carChassis').change(validate);
});

function validate(){
    if ($('#initialKm').val().length   >   0   &&
            $('#carChassis').val().length  >   0 ){
        $("#saveCarButton").prop("disabled", false);
    }
    else {
        $("#saveCarButton").prop("disabled", true);
    }
}

唯一的问题是要执行验证，用户填写输入标签后，他必须点击其他地方才能激活按钮。用户填写字段时是否可以激活？谢谢

【问题讨论】：

标签： javascript jquery ajax validation

【解决方案1】：

使用$('#initialKm, #carChassis').keyup(validate)

只有在输入焦点丢失后才会触发更改。

【讨论】：

完美，非常感谢。我会尽快检查此答案是否正确

【解决方案2】：

尝试使用input 事件

$(document).ready(function () {
    validate();
    $("#initialKm, #carChassis").on("input", validate);
});

function validate() {
  $("#saveCarButton")
  .prop("disabled", 
   !$('#initialKm').val().length 
    && !$('#carChassis').val().length);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<input type="text" id="initialKm" />
<input type="text" id="carChassis" /><br>
<button id="saveCarButton">click</button>

【讨论】：

【解决方案3】：

$(document).ready(function () {
    $("#initialKm, #carChassis").keyup(validate);
});

function validate() {
  $("#saveCarButton")
  .prop("disabled", 
   !$('#initialKm').val().length 
    && !$('#carChassis').val().length);
}

【讨论】：