0

http://bassistance.de/jquery-plugins/jquery-plugin-validation/の Jquery Validation プラグインを使用しています。このプラグインを使用して、1 つのボタンで 2 つのフォームを検証することは可能ですか? このプラグインは非常に便利ですが、2 つのフォームを一緒に検証する方法がわかりません。

<form>
    <legend>Shipping</legend>
    <label for="name">Name:</label>
    <input type="text" id="name"></input>
    <br/>
    <label for="address">Address:</label>
    <textarea id="address" rows="4"></textarea>
</form>
<form>
    <legend>Billing</legend>
    <label for="name">Name:</label>
    <input type="text" id="name"></input>
    <br/>
    <label for="address">Address:</label>
    <textarea id="address" rows="4"></textarea>
</form>
<br/><br/>
<button type="submit">Validate the Forms</button>

JSFiddle の例: http://jsfiddle.net/5bkuw/

4

3 に答える 3

1

これを試して

ボタンを付ける

   <input type="button" onClick="validateForms()"/>


function validateForms()
{

  $('#form1').valid();
  $('#form2').valid();
}
于 2013-03-08T11:24:09.287 に答える
0

この関数を示唆してくれたPSRに感謝しますが、これは機能しました

<input type="button" onClick="validateForms()"/>


function validateForms()
{

  $('#form1').valid();
  $('#form2').valid();
}
于 2013-03-08T11:35:06.803 に答える
0

すでにjQueryを使用しているので、ずさんなインラインJavaScriptコードを完全に削除し、jQueryclickイベントハンドラーに置き換えるのが最善の方法です。 参照：http：//api.jquery.com/on/

デモ：http： //jsfiddle.net/xVM6a/

HTML：

<input type="button" id="mybutton" />

jQuery：

$(document).ready(function() {

    $('#mybutton').on('click', function() {
        $('#form1').valid();
        $('#form2').valid();
    });

});
于 2013-03-08T16:37:45.647 に答える