2012-01-23 32 views
0

我使用http://www.javascript-coder.com/html-form/javascript-form-validation.phtml的JavaScript驗證程序。我面臨的問題是,我有一個可以保存註冊的按鈕(這裏我需要檢查namelast 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> 
+2

你能分享代碼嗎? – Unknown

+0

i'v添加了表單的簡化代碼。謝謝 – user1164474

回答

0

我猜你會需要編寫自定義驗證函數

+0

JavaScript驗證器提供自定義驗證,但我看不到任何自定義驗證多個提交按鈕 – user1164474

+0

這就是爲什麼你需要自己寫它 –

1

也許這會工作。添加適當的輸入字段驗證點擊:

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

我添加了onClick,它不檢查任何內容,並且窗體isn不再提交。我認爲驗證者覆蓋它。 – user1164474

+0

ops。忘了在onclick屬性中添加()。現在已經修復了。 –

+0

哦,是的,它的作品謝謝你 – user1164474