美文网首页jQuery-validate我爱编程
表单验证-jquery.validate.js

表单验证-jquery.validate.js

作者: mimimiaomiao | 来源:发表于2016-03-21 14:01 被阅读131次

制作表单时需要用到的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:https://img.haomeiwen.com/i1781294/16561380f3581884.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

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

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


    X_U`{UHP$IK_O82~DJR~GQJ.png
  • 以上就是我们在制作一些常用表单时需要使用的文件了。

相关文章

网友评论

  • webCoder:代码可以用
    ```
    ```
    替换图片,这样方便复制

本文标题:表单验证-jquery.validate.js

本文链接:https://www.haomeiwen.com/subject/xpuklttx.html