Question

我想在用户写作期间验证我的表单。现在我正在使用这个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);
    }
}

唯一的问题是，要执行验证，在用户填写输入标记后，他必须单击其他位置以激活该按钮。用户填写字段时是否可以激活？谢谢

Answer 1

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

在输入焦点丢失后仅更改闪光。

Answer 2

尝试使用input事件

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 3

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

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

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

3 个答案: