JQurey Validation表单验证使用详解

user:{
  remote: {
     url: "chk_user.php", //服务端验证程序
     type: "post", //提交方式
     data: { user: function() {
       return encodeURIComponent($("#user").val()); //编码数据
     }}
  }
}, 

服务端验证程序chk_user.php的代码：

<?php
$request = urldecode(trim($_POST['user']));
usleep(150000);
$users = array('daimajiayuan.com', 'jeymii', 'Peter', 'daimajiayuan');
$valid = 'true';
foreach($users as $user) {
  if( strtolower($user) == $request )
    $valid = 'false';
}
echo $valid;
?> 

我使用的服务端程序是PHP，您也可以使用ASP，ASP.NET，JAVA等。此外本例为了演示，用户名数据是直接写在服务端的，真正的应用是从数据库里取出的用户名数据，来和接收客户端的数据进行对比。

2、在验证checkbox和radio控件时，验证信息不会出现在最后的控件文本后面，而是直接跟在第一个控件的后面，不符合我们的要求。

解决办法是在validate({})追加以下代码：

errorPlacement: function(error, element) {
  if ( element.is(":radio") )
    error.appendTo ( element.parent() );
  else if ( element.is(":checkbox") )
    error.appendTo ( element.parent() );
  else if ( element.is("input[name=captcha]") )
    error.appendTo ( element.parent() );
  else
    error.insertAfter(element);
} 

3、重置表单。Form表单原始的重置方法是reset自带

<input type="reset" value="重 置" /> 

点击“重置”按钮，表单元素将会重置，但是再运行Validation插件后，验证的提示信息并没重置，就是那些提示信息没有消失。感谢Validation提供了重置表单的方法：resetForm()

$("input:reset").click(function(){
  validate.resetForm();
}); 

以上所述就是本文的全部内容了，希望大家能够喜欢。