2012-01-23 16 views
0

私はhttp://www.javascript-coder.com/html-form/javascript-form-validation.phtmlのJavaScriptバリデータを使用しています。私が直面している問題は、登録を保存するボタン(ここではnamelast nameを確認する必要があります)と、フォーム全体をチェックする2番目のボタンがあることです。ただし、いずれかのボタンを押すと、フォーム全体がチェックされます。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

を記述する必要がありますね。適切な入力フィールドの検証を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> 
+0

私はonClickを追加しました。もう提出しません。私はバリデーターがそれをオーバーライドすると思います。 – user1164474

+0

ops。 onclick属性にadd()を忘れた。今修正されました。 –

+0

ありがとうございますありがとうございます – user1164474

関連する問題