1

form有单个输入字段name和 jquery,我在提交之前检查名称可用性,如果没有通过检查,它会给出错误消息,如果通过检出会给出消息correct

现在我的问题是我想知道是否可以调整此代码,以便submit在未通过可用性检查时禁用

或者其他任何东西,如果没有通过可用性检查,它会阻止点击提交按钮。

我正在使用以下

表格代码

<SCRIPT type="text/javascript">

$(document).ready(function(){
$("#name").change(function() {
var usr = $("#name").val();

if(usr.length >= 4){
$("#status").html('<img src="loader.gif" align="absmiddle">&nbsp;Checking availability...');

    $.ajax({
    type: "POST",
    url: "check.php",
    data: "name="+ usr,
    success: function(msg){

   $("#status").ajaxComplete(function(event, request, settings){

    if(msg == 'OK'){
        $("#username").removeClass('object_error'); // if necessary
        $("#username").addClass("object_ok");
        $(this).html('&nbsp;correct');
    }else{
        $("#username").removeClass('object_ok'); // if necessary
        $("#username").addClass("object_error");
        $(this).html(msg);
    }
   });
 }
  });
}else{
    $("#status").html('<font color="red">The name should have at least 4 characters.</font>');
    $("#username").removeClass('object_ok'); // if necessary
    $("#username").addClass("object_error");
    }
});
});
</SCRIPT>

<div id='myform'>
Name <input type="text" name="name" id="name"><div id="status"></div>
<br />
<input id="submit" type="submit" name="Submit" value="Submit">
</div>

~ 谢谢帮忙

4

1 回答 1

2

您可以简单地禁用提交输入元素:

$("#submit").prop('disabled', true);

例子

于 2013-10-16T22:00:13.243 回答