zoukankan      html  css  js  c++  java
  • jquery-validate

    使用场景:网站前端 form验证

    相关的js,在CND中有:http://www.bootcdn.cn/

    w3cschool中的教程

    每个规则都有默认提示,也可修改。但不同的input,对相同的required,所做的提示不同,或需要更精确。所以对同一个rule需要自定义message

    rules:{},message:{}

    需要和bootstrap结合

    功能挺强大的,不过我现在要用的只是form简单地验证。

    这个实例不错:http://blog.csdn.net/zoutongyuan/article/details/28094565

    这个实例,在实际中使用时,有很多个性化的需求:form需要手动ajax提交

    需要做的操作有3点

    1、ajax提交之前,需要对数据进行处理
    2、ajax提交之前,需要阻止浏览器的默认行为(submit)。form使用ajax提交时,button的type不设为submit,则可以直接click提交;在validate时,需要把type设为submit,所以click之后,ajax提交之前,需要阻止浏览器的默认行为。代码如下
    submitHandle:function(form, e){
      if(e && e.preventDefault){
            e.preventDefault();
       }else{
            window.event.returnValue = false;
        }  
    }
    3、ajax成功后,需要做相关的操作,所以使用ajax手动提交。

    注意:使用validate,且ajax手动提交,一定不要在type="submit"上加click事件,如果加了的话,就不会执行validate。可能#上得优于.上的吧。

    纯粹的js验证:https://github.com/chriso/validator.js

  • 相关阅读:
    [Leetcode] Combination Sum II
    [Leetcode] Search in Rotated Sorted Array
    [LeetCode] Number of 1 Bits
    [Jobdu] 题目1373:整数中1出现的次数(从1到n整数中1出现的次数)
    [Jobdu] 题目1377:缓变序列
    [LeetCode] Add Two Numbers
    [LeetCode] Repeated DNA Sequences
    [LeetCode] Reverse Bits
    [Jobdu] 题目1139:最大子矩阵
    [LeetCode] Clone Graph
  • 原文地址:https://www.cnblogs.com/wang-jing/p/4616995.html
Copyright © 2011-2022 走看看