美文网首页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