具有2個提交按鈕的JavaScript驗證器

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

我想您將需要編寫一個自定義驗證功能