jquery単純検証

アイテムには必須入力ボックスが必須入力であることが要求され、共通グループは必須入力のコントロールにclass=「required」を付けることが要求される
その时、なぜclassを追加すれば実现できるのか、必输项制御、classはCSSのクラスではないのかと不思議に思った.
最近調べて、簡単に説明します.
ここではjqueryの検証を使いました
jspファイルにjquery,jqueryを導入する.validate.js,jquery.message.js,jquery.metadata.js
jspに加える

$.validator.setDefaults(
        {
            submitHandler:function(){
            	alert("validate OK");
                document.forms[0].submit();
            }
        }       
);

$.metadata.setType("attr", "validate");

$("form").validate(
        {
            errorPlacement:function(error, element){
                error.appendTo(element.parent());
            }
        }       
);

入力コントロールにclass=「required」を追加すると、フォームの発行時にコントロールが値を入力しているかどうかを確認し、ヒントを与えることができます.のように

<form:form action="/springjpaquery/find" commandName="mainCondition" method="post">
    <form:input path="zipCode" class="required isZipCode"/>
    <input type="submit" value="refresh" />
</form:form>

ここform:formラベルはspringのフォームラベルで、私は直接自分の工事でコピーしました.
 
入力されていない場合は、「This field is required.」というメッセージが表示されます.
この情報はjqueyです.validate.jsで定義されているものは、jsファイルに表示されます.
もちろんカスタマイズが必要ならファイルに入れてもいいです
jQuery.extend(jQuery.validator.messages,{required:「必須フィールド」});
「必須フィールド」を求めることもできます
 
isZipCodeはカスタムの検証ルールであり、既存のものが提供されていない場合は自分でルールを定義する必要があります.

jQuery.validator.addMethod("isZipCode", function(value, element) {  
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "           ");

 
 
プロンプトメッセージの位置、方式、styleはすべて自分の方式で設定することができます.ここでは詳しく述べない
 
試してみると、$が認識できないこと、つまりjsが導入に成功しなかったことを示す問題が発見されました.入力ボックスにjsファイルのアドレスを直接入力してもjqueryファイルにアクセスできず、半日探してやっとwebであることに気づいた.xmlファイルの構成に問題があります.
Webでxmlファイルに追加

<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.js</url-pattern>
</servlet-mapping>

これでいいのですが、
すべての工事がすべてこのように必要とするのではありませんて、私自身の工事の配置と関係があるかもしれなくて、後でこのような問題に出会って、注意しなければなりません