[jQuery]使用jQuery.Validate进行客户端验证（初级篇）——不使用微软验证控件的理由

核心提示： 这样只需在母版页里引用下jQuery.Validate.message_cn.js就可以把原有的英文提示给替换掉了，2种方式都是可取的，[jQuery]使用jQuery.Validate进行客户端验证（初级篇）——不使用微软验证控件的理由(5)，如果你想把jQuery.Validate改造成适合

这样只需在母版页里引用下jQuery.Validate.message_cn.js就可以把原有的英文提示给替换掉了，2种方式都是可取的，如果你想把jQuery.Validate改造成适合自己的验证控件就是用第1种方式直接改源代码，如果你只是想用些基本功能不想动原来的源代码就是用第2 种方法。

然后我们重新刷新下页面，果然全变成中文了。看下效果：

查看原图（大图）

注意：这边错误提示消息的样式是可以自己定义的，我就修改了原有的样式，加上了个错误图标，更加好看点，样式定义如下：

　　<style　type="text/css">
　　　　/************jQuery.Validate插件样式开始********************/
　　label.error
　　　　{
　　　　　　background:　url(images/error.png)　no-repeat　0px　0px;
　　　　　　color:　Red;
　　　　　　padding-left:　20px;
　　　　}
　　　　input.error
　　　　{
　　　　　　border:　dashed　1px　red;
　　　　}
　　　　/************jQuery.Validate插件样式结束********************/
　　</style>

到此，使用jQuery.Validate进行客户端验证的初级篇就写完了，具体的代码大家可以下载下面的源代码查看，敬请期待中级篇和高级篇。

PS：1、代码中jquery.validate.js为官方版本，而jquery.validate1.js为我修改的版本，关于修改的内容在中级篇和高级篇我会讲到。

2、jQuery.Validate仅能做客户端验证，并不能代替服务器端验证，为了系统的安全所以服务器端还是要进行验证的。

出处：http://kyo-yo.cnblogs.com

本文示例源代码或素材下载