2011-01-21 8 views
5

私はjQuery Form Wizard 3.0.4 pluginを多段階登録プロセスに使用しています。それはjQueryバリデータプラグインを使用しています。これはステップごとにうまく動作しています。 EDIT:これは、既にvalidationEnabled:true、formOptions、およびvalidationOptionsを使用していることを意味し、これらは機能しています。私はこの同じ検証を通常の機能の外で実行する必要があります。フォームウィザードの使用中にjquery validate()を実行するにはどうすればよいですか?

問題は、バリデータを実行し、2つのポイントで手動でエラーを表示する必要があることです。私が持っている特別なフィールドのために、そしてAJAXの提出の前に。

:次のステップに行くときに、フォームウィザードスクリプト(jquery.form.wizard-3.0.4.js)はこれをやっているように見える

$("#registrationForm").validate(); 

:私は何もしません、以下を試してみました

this.element.validate().focusInvalid(); 

だから私も、何もしないこれ、これを試してみました:

$("#registrationForm").element.validate().focusInvalid(); 

任意のアイデア?

  1. 次の手順をクリックしたときと同じ検証を実行するにはどうすればよいですか?
  2. 特定のフィールドのエラーを検証して表示する関数をどのように呼び出すのですか?
+0

JQMページでjquery formwizardプラグインを使用することは可能でしょうか?もしそうなら、モバイルページでは重すぎるでしょうか? – Raman

答えて

3

以下のサンプルコードはおそらくあなたのために働くはずですが、id = "validate_form"のボタンまたは要素がクリックされたときに検証がトリガーされます。これは、基本的に、ユーザーが次をクリックしたときに(プラグインで)実行されるコードです。

$(function(){ 
     $("#validate_email").click(function(){ // when the button is clicked... 
      var wizard = $("#demoForm"); // cache the form element selector 
      if(!wizard.validate().element("#myemail")){ // validate the input field 
       wizard.validate().focusInvalid(); // focus it if it was invalid 
      } 

     }) 
    }) 

希望これを:あなたはただ1つの入力フィールドを検証する必要がある場合は

$(function(){ 
     $("#validate_form").click(function(){ // when the button is clicked... 
      var wizard = $("#demoForm"); // cache the form element selector 
      if(!wizard.valid()){ // validate the form 
       wizard.validate().focusInvalid(); //focus the invalid fields 
      } 

     }) 
    }) 

は、次のコード(ID =「validate_email」この場合はクリックされたボタン)を使用することができます助けてください。

/1月

0

あなたはプラグインのドキュメントを見ましたか?セットアップには簡単なスイッチがあり、フォームウィザードを定義しているときにその種の検証を行うことができます。

http://thecodemine.org/#_demoForm=first

次に「オプション」をクリックして、検証を有効にしてから、セットアップのオプションに「validationOptions」を見て「validationEnabled」を見てください。

+0

はい、私はすでにそれをやっています:「jQueryバリデータープラグインを使用しています。これはステップごとにうまく動作しています。 – jwinn

関連する問題