表单验证-jquery.validate.js

制作表单时需要用到的jquery
我们现在访问的网站都是会单独的有一个注册和登录的页面，我们在制作这个页面的时候需要使用js来做很多的验证，我们在做验证的时候都需要使用哪些jquery插件呢？

list.png

• 这个就是我们最后需要看到的效果，因为我们这个页面主要的内容是表单，所以使用到的也是个表单有关的jquery，所以我们需要引入以下文件：
  • jquery.js
  • jquery-form.js
  • jquery-validate.min.js(和jquery-form.js配套使用，且必须在jquery-form.js的上级)
• 最后我们还需要引入一个我们自己编写的jquery文件，以上就是我们制作表单过程中需要引入的全部jquery文件了。

BU22ZPR{MIE(0P0$FMK~WAG.png

• 上面是引用jquery-form.js文件之后的js书写规则，如果我们表单中需要的一些要求在jquery里面没有的话我们可以自己添加要求之后在rules和messages中调用。

![A)%LIC~_T4FI`0@HY]5HKV8.png](http://upload-images.jianshu.io/upload_images/1781294-16561380f3581884.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

• 上图就是我们自己添加函数时的书写规则。

• 弹出框的位置和样式都是可以更改的，下图就是更改弹出框位置的代码：

  
  
  

  X_U`{UHP$IK_O82~DJR~GQJ.png

• 以上就是我们在制作一些常用表单时需要使用的文件了。