带2个提交按钮的JavaScript验证程序

我使用http://www.javascript-coder.com/html-form/javascript-form-validation.phtml的JavaScript验证程序。我面临的问题是，我有一个可以保存注册的按钮（这里我需要检查name和last name）以及检查整个表单的第二个按钮。但是，如果我按任何按钮，它会检查整个表单。带2个提交按钮的JavaScript验证程序

<form id="ministerial" name="register" action="" method="post"> 
    <label>Title: </label> 
    <input type="text" name="title" value="" /> 
    <label>First Name: </label> 
    <input type="text" name="first_name" value="" /> 
    <label>Last Name: </label> 
    <input type="text" name="last_name" value="" /> 
    <label>Organization: </label> 
    <input type="text" name="organization" value="" /> 
... 
    <input type="submit" name="save" value="SAVE REGISTRATION" /> 
    <input type="submit" name="submit" value="SUBMIT REGISTRATION" /> 
</form> 
<script type="text/javascript"> 
var frmvalidator = new Validator("ministerial"); 
frmvalidator.addValidation("title","req","Please enter a title"); 
frmvalidator.addValidation("first_name","req","Please enter the first name"); 
frmvalidator.addValidation("last_name","req","Please enter the last name"); 
frmvalidator.addValidation("organization","req","Please enter the organization"); 
</script>

来源

2012-01-23 user1164474

你能分享代码吗？ – Unknown

i'v添加了表单的简化代码。谢谢 – user1164474

我猜你会需要编写自定义验证函数

来源

2012-01-23 07:49:36

JavaScript验证器提供自定义验证，但我看不到任何自定义验证多个提交按钮 – user1164474

这就是为什么你需要自己写它 –

也许这会工作。添加适当的输入字段验证点击：

<form id="ministerial" name="register" action="" method="post"> 
     <label>Title: </label> 
     <input type="text" name="title" value="" /> 
     <label>First Name: </label> 
     <input type="text" name="first_name" value="" /> 
     <label>Last Name: </label> 
     <input type="text" name="last_name" value="" /> 
     <label>Organization: </label> 
     <input type="text" name="organization" value="" /> 
    ... 
     <input type="submit" name="save" value="SAVE REGISTRATION" onclick="return btnSave_click();" /> 
     <input type="submit" name="submit" value="SUBMIT REGISTRATION" onclick="return btnRegister_click();" /> 
    </form> 
    <script type="text/javascript"> 
    var frmvalidator = new Validator("ministerial"); 

    function btnSave_click(){ 
     frmvalidator.clearAllValidations(); 
     frmvalidator.addValidation("first_name","req","Please enter the first name"); 
     frmvalidator.addValidation("last_name","req","Please enter the last name"); 
     return true; 
    } 
    function btnRegister_click(){ 
     frmvalidator.clearAllValidations(); 
     frmvalidator.addValidation("title","req","Please enter a title"); 
     frmvalidator.addValidation("organization","req","Please enter the organization"); 
     return true; 
    } 
    </script>

来源

2012-01-23 07:50:59

我添加了onClick，它不检查任何内容，并且窗体isn不再提交。我认为验证者覆盖它。 – user1164474

ops。忘了在onclick属性中添加（）。现在已经修复了。 –

哦，是的，它的作品谢谢你 – user1164474

带2个提交按钮的JavaScript验证程序

回答

相关问题