0

私は jQuery を初めて使用し、その仕組みの要点は理解していますが、フォームで検証プラグインが機能しない理由を理解できません。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="/validation/dist/jquery.validate.min.js"></script>
<script type=text/javascript">
    $(document).ready(function(){
    $("#signup").validate();
    });
</script>

フォーム ヘッダー:

<form action="/registration/" method="post" id="signup">

さらに、jQuery と検証プラグインの両方の最新バージョンを入手するための推奨ソースは何ですか?

4

2 に答える 2

1

ダウンロードする必要があるファイルは「jquery.validate.js」と呼ばれます。

デフォルトでは、検証プラグインは検証に入力フィールドのクラスを使用します。したがって、メール フィールドがある場合は、次を使用します。

<input type="text" class="email" />

フィールドが必要な場合はrequired、クラスに追加します。例:

<input type="text" class="required" />

必須のメールの場合は、それらを組み合わせてください。

<input type="text" class="required email" />

また、HTML5 の入力タイプと属性も理解するので、次のようにすることができます。

<input type="email" required="required"/>
于 2012-09-16T17:58:59.697 に答える
1

バリデーターのルールを指定する必要があります。また、検証を実行するには、[送信] ボタンをクリックする必要があります。または、Validator オブジェクトの関数を使用して検証をトリガーすることもできformます (通常は推奨されません)。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>

<script type=text/javascript">
    $(document).ready(function(){
        $("#signup").validate({rules: {'company': 'required'}}).form();
    });
</script>

<form action="/registration/" method="post" id="signup">
    Company: <input type="text" name="company" />
    <input type="submit" value="Save" />
</form>
于 2012-09-16T18:02:14.467 に答える