Question

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

<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>

Answer 1

也许这会奏效。在onClick上添加适当输入字段的验证：

<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>

Answer 2

我想您需要编写自定义验证功能

带有2个提交按钮的JavaScript验证器

2 个答案: