如果这两个值都有效，如何避免表单提交

Question

您好，下面是我用于表单验证在两个输入字段中输入的 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>

Answer 1

$("form").submit(function() { 
    bool valid = goValidateForm();
    if(!valid)
        return false; //prevents form from submitting
    else
        goDoSomeCoolStuff();

});

Answer 2

将您的检查指定为在 $("form").submit() 上触发，而不是在字段的 onBlur 上触发。这样您就可以同时检查两种状态，如果您的表单值错误等，可能会向页面发出警报。