验证表单取决于其提交按钮用于

Question

所以，我有这样的代码

<script> 
    function validate(f) { 
     var ok = true; 
     if (f.id.value === '' || f.id.value === null) { 
      ok = false; 
     } 
     return ok; 
    } 

    function validate2(f) { 
     var ok = true; 
     if (f.name.value === '' || f.name.value === null) { 
      ok = false; 
     } 
     return ok; 
    } 
</script> 

<form action="#" method="post"> 
    <input type="text" name="id"/> 
    <input type="text" name="name"/> 
    <input type="submit" name="send_id" value="Send ID"/> 
    <input type="submit" name="send_name" value="Send Name"/> 
</form> 

我怎么能这样做是为了验证表单取决于其提交使用？ 我想执行validate（）;如果我们使用另一个发送Id按钮，并且validate2（）。

Answer 1

你可以这样做：

<form id="myForm" action="#" method="post"> 
    <input type="text" name="id"/> 
    <input type="text" name="name"/> 
    <input type="submit" name="send_id" value="Send ID" onclick="return validate();" /> 
    <input type="submit" name="send_name" value="Send Name" onclick="return validate2();" /> 
</form> 

这样，当你的函数返回false（意思形式无效）提交被中断。

并手动获取您的f参数。

function getForm() { 
    return document.getElementById("myForm"); 
} 
function validate() { 
    var f = getForm(); 
    var ok = true; 
    if (f.id.value === '' || f.id.value === null) { 
     ok = false; 
    } 
    return ok; 
} 

function validate2() { 
    var f = getForm(); 
    var ok = true; 
    if (f.name.value === '' || f.name.value === null) { 
     ok = false; 
    } 
    return ok; 
} 

您必须为您的表单提供一个id，如上所示。

Answer 2

有另一个功能checkValidate()什么的，只要你喜欢，并检查它的两个buttons

<script> 
    function checkValidate(buttonName) { 
     if(buttonName == 'send_id'){ 
      return validate(); 
     }else{ 
      return validate2(); 
     } 
    } 

    function validate() { 
     var ok = true; 
     if (f.id.value === '' || f.id.value === null) { 
      ok = false; 
     } 
     return ok; 
    } 

    function validate2() { 
     var ok = true; 
     if (f.name.value === '' || f.name.value === null) { 
      ok = false; 
     } 
     return ok; 
    } 
</script> 

<form action="#" method="post"> 
    <input type="text" name="id"/> 
    <input type="text" name="name"/> 
    <input type="submit" name="send_id" value="Send ID" onclick="return checkValidate(this.name)"/> 
    <input type="submit" name="send_name" value="Send Name" onclick="return checkValidate(this.name)"/> 
</form> 

我希望它能帮助点击...

Answer 3

没有测试..但类似的东西。 ..

$("input[name='send_id']").click(function(event) { 
    event.preventDefault() 
    validate(); 
    $("form").submit(); 
}); 
$("input[name='send_name']").click(function(event) { 
    event.preventDefault() 
    validate2(); 
    $("form").submit(); 
});