網頁設計 : [轉貼]jquery.validate簡介

 remote: {
    url: "ajax/validateUserName.action",     //後台處理程序
    type: "post",               //數據發送方式
    dataType: "json",           //接受數據格式   
    data: {                     //要傳遞的數據，默認已傳遞應用此規則的表單項
        email: function() {
            return $("#email").val();
        }
    }

注意：remote是遠程驗證：比如註冊驗證用戶名是否已被註冊，返回值只能是true（驗證成功）或false（驗證失敗）。 

email: function() {return ("#email").val();}

<script type="text/javascript">
//$.validator.setDefaults({ debug: true });
$(document).ready(function() {
	$("#FucoCheckEditForm").validate({		//別忘了FormName要對應ㄚ！
//	  debug	: true , 
	  rules	: {
		cycle_check_envelopes_01	: {
			required	: true , 
			remote: {
			    url: "/test/testAjaxValidator.php",     //後台處理程序
			    type: "POST",               //數據發送方式
			    cache: false,
//			    dataType: "html",           //接受數據格式
			    data: {                     //要傳遞的數據
			        number: function() {
			            return $("#cycle_check_envelopes_01").val();
			        }
			    }
			}
		},
		cycle_check_pages_01	: {
			required	: true , 
			remote: {
			    url: "/test/testAjaxValidator.php",     //後台處理程序
			    type: "POST",               //數據發送方式
			    cache: false,
//			    dataType: "html",           //接受數據格式
			    data: {                     //要傳遞的數據
			        number: function() {
			            return $("#cycle_check_pages_01").val();
			        }
			    }
			}
		}
	  },
	  submitHandler: function() {
	  	alert("檢查完成，可以送出！");
//		this.submit();
	  }
	});
	$(".cancel").click(function() {
		validator.resetForm();
	});
});
</script>

<?php
$request = intval($_REQUEST["number"]);
//sleep(2);//這是給那些Loading Image作測試用低
//usleep(150000);//這是給那些Loading Image作測試用低
$valid = 'false';
if ( ($request % 2) == 0 ) {
	$valid = 'true';
}
echo $valid;
?>