jQuery表单验证示例特效

表单验证的老朋友——jQuery，用起来就是顺手，是在做些快速交互原型或中小项目时，省事又高效。这个“jquery 表单验证实例网站特效”就挺实用的，里面演示了怎么用 jQuery 来搞定各种验证需求，比如邮箱格式、手机号、非空判断这些常规套路，全都打包好了。

结构清晰，HTML、CSS、jQuery 分工明确。你一看文件名texiao849_1560681020，率就是一个完整的演示包。打开就能跑，适合边看边改。

比如最常用的required验证，直接用.validate()方法加个rules配置就能搞定，像这样：

$("#myForm").validate({
  rules: {
    username: "required"
  },
  messages: {
    username: "输入用户名"
  }
});

你还可以用.errorPlacement()来自定义错误提示的位置，或用.highlight()改个红边啥的，美观又直观。

而且它还支持ajax异步验证哦，像检查用户名有没有被注册这种，完全能搞定。

如果你常要表单交互，或者搞点网站小特效，这个实例可以直接当模板用，拿来改一改就上生产也没问题。嗯，顺手推荐几个相关的好资源，一起撸更方便：

正则表达式验证表单，正则表达式工具，validate 插件详细，都挺有料的。