嗨,下面是我用于表单的代码,用于验证在两个输入字段中输入的 ID。所有代码都工作正常。唯一的问题是,如果两个字段都像我一样无效,如何阻止表单提交如果记录返回为 true,则禁用和启用提交按钮。但如果任何一个字段有效,则提交按钮将启用并允许用户提交表单。
<form>
<input type="text" id="1" value=""/>
<input type="text" id="2" value=""/>
<input type="submit" value="submit" id="submitbutton" >
</form>
<script type="text/javascript">
$$(document).ready(function() {
$$('#1').blur(function() {
var id = $$('#1').val();
$$.getJSON("user.cfc?method=getRequests&returnformat=json&queryFormat=column",{"status":id}, function(res1,code) {
if(res1.ROWCOUNT > 0){
for(var i=0; i<res1.ROWCOUNT; i++) {
s = "<span class='dPostTxt'>" + res1.DATA.ID[i] + " " + res1.DATA.FIRST_NAME[i] + " " + res1.DATA.LAST_NAME[i] + " " + "is valid." + "</span>";
};
$$('#submitbutton').removeAttr('disabled');//now id is valid so enabling submit button
}
else {
$$('#submitbutton').attr('disabled', 'disabled'); //error with id so disabling button
alert(" ID Is Not Valid.Please Enter Valid ID");
var s = "Entered ID Is Not Valid.";
}
$$("#results").html(s);
},"json");
}); });
</script>
<script type="text/javascript">
$$(document).ready(function() {
$$('#2').blur(function() {
var id = $$('#2').val();
$$.getJSON("user.cfc?method=getRequests&returnformat=json&queryFormat=column",{"status":id}, function(res,code) {
if(res.ROWCOUNT > 0){
for(var i=0; i<res.ROWCOUNT; i++) {
s = "<span class='dPostTxt'>" + res.DATA.ID[i] + " " + res.DATA.FIRST_NAME[i] + " " + res.DATA.LAST_NAME[i] + " " + "is valid." + "</span>";
};
$$('#submitbutton').removeAttr('disabled');//now id is valid so enabling submit button
}
else {
$$('#submitbutton').attr('disabled', 'disabled'); //error with id so disabling button
alert(" ID Is Not Valid.Please Enter Valid ID");
var s = "Entered ID Is Not Valid.";
}
$$("#results1").html(s);
},"json");
}); });
</script>
最佳答案
$("form").submit(function() {
bool valid = goValidateForm();
if(!valid)
return false; //prevents form from submitting
else
goDoSomeCoolStuff();
});
关于jquery - 如果这两个值都有效,如何避免表单提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6022586/