JQuery validate插件Remote用法大全
更新時間：2016年05月15日 09:14:32 作者：wildfox
validate是一個基于Jquery的表單驗證插件，利用他的remote可以用來自定義遠程驗證，這篇文章主要介紹了JQuery validate插件Remote用法大全的相關(guān)資料,需要的朋友可以參考下
jquery.validate是jquery旗下的一個驗證框架，借助jquery的優(yōu)勢，我們可以迅速驗證一些常見的輸入，還可以自己擴充自己的驗證方法，并且對國際化也有很好的支
JQuery.validate.js 在表單驗證中經(jīng)常使用，初學，對于其中Remote的使用說明一下.
. 基本解釋
JQuery主要用于DOM樹和CSS樹的檢索和后面的操作的一套方法，JQuery.validate.js是對JQuery的一個插件，可以認為是對JQuery在某個特殊場景下的擴展，而Validate就是對表單驗證提供的擴展。
. 場景解釋
用戶進行注冊用戶的時候，要異步的判斷用戶名是否存在，給出提示信息。
. 通過案例學習
Html和JavaScript結(jié)合的腳本.
<!DOCTYPE html PUBLIC "-//WC//DTD XHTML . Transitional//EN" "http://www.w.org/TR/xhtml/DTD/xhtml-transitional.dtd">
<html xmlns="http://www.w.org//xhtml">
<head>
<script src="../includes/libraries/javascript/jquery.js" type="text/javascript" charset="utf-" ></script>
<script src="../includes/libraries/javascript/jquery.plugins/jquery.validate.js" type="text/javascript" charset="utf-"></script>
<script type="text/javascript">
$().ready(function() {
$("#signupForm").validate({
debug: false,
onkeyup:false,
/*忽略某些元素不做驗證*/
//ignore: ".ignore",
/* 更改錯誤信息顯示的位置
Default:
errorPlacement: function(error, element) {
error.appendTo(element.parent());
}
error.appendTo(element.parent());
*/
/*
submitHandle: function(form){
alert("submited!");
form.submit();},
*/
rules: {
/*
firstname: {
required: function(){ return true;}},
*/
firstname: {
required: true,
remote: {
url: "Learn.php",
type: "post",
//DataType: "json",
data: {
firstname: function(){
return $("#firstname").val();
}
}}},
phonenum: {
required: true,
digits: true,
rangelength: [,]},
email: {
required: true,
email: true},
password: {
required: true,
minlength: },
confirm_password: {
required: true,
minlength: ,
equalTo: "#password"}
},
messages: {
firstname: {
required: "請輸入姓名",
remote: "請輸入姓名，remote"},
phonenum: {
required: "請輸入手機號",
digits: "存在字符，非法手機號",
rangelength: "手機號位數(shù)不對"},
email: {
required: "請輸入Email地址",
email: "請輸入正確的email地址"},
password: {
required: "請輸入密碼",
minlength: jQuery.format("密碼不能小于{}個字 符")},
confirm_password: {
required: "請輸入確認密碼",
minlength: "確認密碼不能小于個字符",
equalTo: "兩次輸入密碼不一致不一致"}
},
submitHandler: function(form){
alert("驗證通過");}
});
});
</script>
</head>
<body>
<form id="signupForm" method="post" action="">
<p>
<label for="firstname">姓氏</label>
<input id="firstname" name="firstname" />
</p>
<p>
<label for="phonenum">手機</label>
<input id="phonenum" name="phonenum" />
</p>
<p>
<label for="email">郵件</label>
<input id="email" name="email" />
</p>
<p>
<label for="password">密碼</label>
<input id="password" name="password" type="password" />
</p>
<p>
<label for="confirm_password">確認密碼</label>
<input id="confirm_password" name="confirm_password" type="password" />
</p>
<p>
<input class="submit" type="submit" value="提交"/>
</p>
</form>
</body>
</html>
后臺PHP代碼 BaseFunction.php
<?php
function WriteLog($msg)
{
$filename = dirname(__FILE__) ."\\Debug.log";
$handler = null;
if (($handler = fopen($filename, 'ab+')) !== false)
{
fwrite($handler, "\n".'['.date('Y-m-d H:i:s').']'."\t".$msg);
fclose($handler);
}
}
function CheckUser($UserName) {
if( $_REQUEST[$UserName] == 'php' ){
exit("false");
}
else{
exit("true");
}
}
?>
后臺PHP代碼 Learn.php
<?php
require("BaseFunction.php");
CheckUser('firstname');
?>
以上所述是小編給大家介紹的JQuery validate插件Remote用法大全的相關(guān)知識，希望對大家以上幫助！
您可能感興趣的文章:
- jQuery Validate表單驗證插件 添加class屬性形式的校驗
- jQuery easyui的validatebox校驗規(guī)則擴展及easyui校驗框validatebox用法
- jquery.validate 自定義驗證方法及validate相關(guān)參數(shù)
- jQuery插件Validate實現(xiàn)自定義校驗結(jié)果樣式
- jquery.validate提示錯誤信息位置方法
- jQuery validate插件submitHandler提交導致死循環(huán)解決方法
- jquery.validate使用時遇到的問題
- jquery表單驗證插件（jquery.validate.js）的3種使用方式
- 基于Bootstrap+jQuery.validate實現(xiàn)Form表單驗證
- jQuery驗證插件 Validate詳解
- 使用jquery.validate自定義方法實現(xiàn)"手機號碼或者固話至少填寫一個"的邏輯驗證
- Jquery validation remote 驗證的緩存問題解決方法
- JQuery的Validation插件中Remote驗證的中文問題
- jQuery Validation插件remote驗證方式的Bug解決
相關(guān)文章
這篇文章主要介紹了Jquery 實現(xiàn)grid綁定模板的相關(guān)資料,需要的朋友可以參考下2015-01-01
jQuery實現(xiàn)選中彈出窗口選擇框內(nèi)容后賦值給文本框的方法
這篇文章主要介紹了jQuery實現(xiàn)選中彈出窗口選擇框內(nèi)容后賦值給文本框的方法,涉及jQuery響應鼠標事件動態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下2015-11-11
自己動手實現(xiàn)jQuery Callbacks完整功能代碼詳解
最近大量的用到jQuery Callbacks 對象，jQuery庫中的$.ajax()和$.Deferred() 對象也是基于這個對象實現(xiàn)，下面我們也模擬實現(xiàn)jQuery Callbacks 對象的部分功能
2013-11-11 
點擊一個按鈕時，彈出一個自定義窗口，并且可以隨意的拖拽，jquery也可以實現(xiàn)這樣的功能，下面有個不錯的示例，大家可以感受下
2014-03-03 
這篇文章主要介紹了jquery 遍歷hash操作,結(jié)合實例形式分析了jQuery基于ajax交互獲取并遍歷hash相關(guān)操作技巧,需要的朋友可以參考下
2019-10-10 
jquery trigger函數(shù)執(zhí)行兩次的解決方法
這篇文章主要介紹了jquery trigger函數(shù)執(zhí)行兩次的解決方法,詳細分析了trigger函數(shù)執(zhí)行兩次的原因與響應的解決技巧,非常具有實用價值,需要的朋友可以參考下
2016-02-02 
本文給大家分享的是一則使用jQuery實現(xiàn)圖片切換的插件，效果非常不錯，兼容性也很好，推薦給大家，有需要的小伙伴快來參考下吧。
2015-03-03 
客戶端的跨域訪問，可以通過jsonp方式來實現(xiàn)，jquery提供了跨域訪問的方法，jQuery.ajax()支持get方式的跨域。當然支持跨域還需要服務器端相應的處理。
2010-07-07 
在jquery中，jquery動畫事件和動畫函數(shù)經(jīng)常用的到，今天小編抽時間給大家整理了些關(guān)于常用的jquery動畫事件和動畫函數(shù)，對jquery動畫函數(shù)和動畫事件相關(guān)知識感興趣的朋友一起學習吧
2022-12-12