jquery validate remote的用法

woff

項目中時常會用到一些驗證手段...由於在開發前需要對一些技術的定位!所以一般選擇固定的驗證框架和技術.
我在前台驗證中使用的是jquery_validator.這是個容易上手的框架.個人感覺它和struts2結合在一起非常不錯.下面講下使用的過程.
juery_validator可以到https://github.com/jzaefferer/jquery-validation/downloads下載
jquery_validator的介紹:
一.默認校驗規則
(1)required:true 必輸字段
(2)remote:"check.php" 使用ajax方法調用check.php驗證輸入值
(3)email:true 必須輸入正確格式的電子郵件
(4)url:true 必須輸入正確格式的網址
(5)date:true 必須輸入正確格式的日期
(6)dateISO:true 必須輸入正確格式的日期(ISO)，例如：2009-06-23，1998/01/22 只驗證格式，不驗證有效性
(7)number:true 必須輸入合法的數字(負數，小數)
(8)digits:true 必須輸入整數
(9)creditcard: 必須輸入合法的信用卡號
(10)equalTo:"#field" 輸入值必須和#field相同
(11)accept: 輸入擁有合法後綴名的字符串（上傳文件的後綴）
(12)maxlength:5 輸入長度最多是5的字符串(漢字算一個字符)
(13)minlength:10 輸入長度最小是10的字符串(漢字算一個字符)
(14)rangelength:[5,10] 輸入長度必須介於 5 和 10 之間的字符串")(漢字算一個字符)
(15)range:[5,10] 輸入值必須介於 5 和 10 之間
(16)max:5 輸入值不能大於5
(17)min:10 輸入值不能小於10

注意如下內容：
1，遠程返回數據時，一定要返回"true"或者"false",否則就是永遠就是驗證不通過。

2，remote有兩種方式，如下就介紹remote與PHP間的驗證
（1）meta String方式（當然這種方式要引入jquery.metadata.js）
以下是我的HTML代碼

1. 
   
2. <input type="text" name="moblie" id="jform_moblie" value=""
   
3. class="input {
   
4.   validate:{
   
5.     required:true,telphoneValid: true,remote:'moblie_register.php?fun=moblie',
   
6.     messages:{
   
7.       required:'請填寫手機號碼！',telphoneValid:'請輸入正確的手機號',remote:'該手機號碼已被註冊！<a href=login.php target=_blank>登錄？</a>'}}}" />

複製代碼

直接remote提交到PHP頁面中去。默認提交類型是GET方式提交

PHP代碼：

1. 
   
2. if ($_GET['fun']=='moblie') {//檢查手機是否已註冊   
   
3.   $moblie_number=trim($_GET['moblie']);   
   
4.   $exists_moblie=$db->query_first("select acc_moblie_number from t_account where acc_moblie_number='".$moblie_number."'");
   
5.   if (empty($exists_moblie['acc_moblie_number'])) {
   
6.         $return['type']='true';
   
7.         $return['info']='此手機號碼可註冊！';
   
8.     }else{
   
9.         $return['type']='false';
   
10.         $return['info']='該手機號碼已被註冊！';
    
11.     }
    
12.     /*echo  ;*/   
    
13. exit($return['type']);}

複製代碼

這樣就完成的驗證

（2）rules方式

1. 
   
2. $("#Form2").validate({
   
3.     rules: {
   
4.            //定義驗證規則,其中屬性名為表單的name屬性
   
5.           "mail_account": {
   
6.              required: true,
   
7.              email: true ,
   
8.              remote: {
   
9.                 url: 'checkmail.php',
   
10.                 type: 'POST',
    
11.                 dateType: 'json',
    
12.                 data: { mail_account:function(){
    
13.                         return $('#mail_account').val();
    
14.                          }
    
15.                 }
    
16.               }
    
17.            },
    
18.     },
    
19.     messages: {
    
20.         "mail_account": {
    
21.             email: "請輸入正確的郵箱地址（例如 myemail@netyea.com）",
    
22.             remote: "該郵箱已存在！"
    
23.         },
    
24.     }
    
25. });

複製代碼

PHP代碼：

1. 
   
2. function checkMail(){
   
3.     $mail_account = $_POST['mail_account'];
   
4.     if($this->Mail->findByMailAccount($mail_account))
   
5.         echo 'false';
   
6.     else
   
7.         echo 'true';
   
8.     die();
   
9. }
   

複製代碼

勹骜灿达

我的啦嘿嘿  

winniey

支持~~頂頂~~~  

outlet7251

真好。。。。。。。。。