瑕佷娇鐢╦Query鐨勯獙璇佹彃浠秜alidate锛岄鍏堥渶瑕佸紩鍏Query鍜寁alidate鎻掍欢鐨勭浉鍏虫枃浠躲€?/p>

HTML浠ｇ爜绀轰緥锛?/p>

<form id="myForm">
<input type="text" name="name" required>
<input type="email" name="email" required>
<input type="submit" value="Submit">
</form>

JavaScript浠ｇ爜绀轰緥锛?/p>

$(document).ready(function() {
$("#myForm").validate(); // 鍒濆鍖栬〃鍗曢獙璇?/span>
// 鑷畾涔夐獙璇佽鍒?/span>
$.validator.addMethod("customEmail", function(value, element) {
return this.optional(element) || /^[a-zA-Z0-9]+@[a-zA-Z0-9]+\.[A-Za-z]+$/.test(value);
}, "Please enter a valid email address.");
// 娣诲姞楠岃瘉瑙勫垯鍜岄敊璇彁绀轰俊鎭?/span>
$("input[name='email']").rules("add", {
required: true,
customEmail: true,
messages: {
required: "Please enter your email address.",
customEmail: "Please enter a valid email address."
}
});
});

涓婅堪浠ｇ爜涓紝鎴戜滑棣栧厛鍦℉TML涓畾涔変簡涓€涓〃鍗曪紝鐒跺悗鍦↗avaScript涓娇鐢?code>$("#myForm").validate()鏉ュ垵濮嬪寲琛ㄥ崟楠岃瘉銆?code>validate()鍑芥暟浼氳嚜鍔ㄥ簲鐢ㄩ粯璁ょ殑楠岃瘉瑙勫垯锛屼緥濡?code>required琛ㄧず璇ュ瓧娈靛繀濉€?/p>

濡傛灉闇€瑕佷娇鐢ㄨ嚜瀹氫箟鐨勯獙璇佽鍒欙紝鍙互浣跨敤addMethod鏂规硶鏉ユ坊鍔犮€傚湪绀轰緥涓紝鎴戜滑娣诲姞浜嗕竴涓悕涓?code>customEmail鐨勯獙璇佽鍒欙紝鐢ㄤ簬楠岃瘉杈撳叆鐨勯偖绠辨牸寮忔槸鍚︽纭€?/p>

鐒跺悗锛屼娇鐢?code>rules("add", options)鏂规硶鏉ヤ负鎸囧畾鐨勫瓧娈垫坊鍔犻獙璇佽鍒欏拰閿欒鎻愮ず淇℃伅銆傚湪绀轰緥涓紝鎴戜滑涓洪偖绠卞瓧娈垫坊鍔犱簡required鍜?code>customEmail涓や釜楠岃瘉瑙勫垯锛屽苟涓烘瘡涓鍒欐寚瀹氫簡瀵瑰簲鐨勯敊璇彁绀轰俊鎭€?/p>

浣犲彲浠ユ牴鎹嚜宸辩殑闇€姹傛坊鍔犳洿澶氱殑楠岃瘉瑙勫垯鍜岄敊璇彁绀轰俊鎭€傚綋鐢ㄦ埛鎻愪氦琛ㄥ崟鏃讹紝濡傛灉鏈変换浣曢獙璇佸け璐ワ紝validate鎻掍欢浼氳嚜鍔ㄦ樉绀虹浉搴旂殑閿欒娑堟伅銆?/p>

闇€瑕佹敞鎰忕殑鏄紝validate鎻掍欢鍦ㄩ獙璇佹椂浼氳嚜鍔ㄦ坊鍔犲拰鍒犻櫎涓€浜汣SS绫绘潵鎺у埗閿欒鏍峰紡鐨勬樉绀哄拰闅愯棌銆備綘鍙互閫氳繃淇敼榛樿鐨凜SS绫绘垨浣跨敤jQuery鐨勪簨浠跺鐞嗗嚱鏁版潵鑷畾涔夐敊璇秷鎭殑灞曠ず鏂瑰紡銆?/p>