私は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"> 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(' 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>
〜助けてくれてありがとう