原创validate信息验证控件,简单易用

更新validate version1.1 源码

(开源代码已在github上,点击上面的源码查看)

为了方便使用,现更新版本,主要变更如下
  1. JS代码不用自己设置太多

  2. 错误信息提示一律显示在验证框下面,以红色字体标出

  3. 错误信息可以自己设置,也可以设置为空,为空时显示默认提示

  4. html页面需要给form添加ID,给INPUT添加一些属性,INPUT下面添加标签label。详情如下:

使用时需要注意:

  1. JS代码部分需要注意:

  2. 只需要new validate('formid'),传一个form的ID给我就足够了

  3. HTML代码部分需要注意:

  4. HTML页面相应FORM下,你要告诉我四个信息包括id="info" validate="true" validateInfo='{"type":"number"};{"type":"email"}' error_message=""

  5. validate=''或者'false'或者没有该属性时,其他的信息均可不用设置

  6. 设置了validate='true'时,其他三个属性必须,但可以设置为空,比如error_message="",此时输入有误时显示的信息将是我设置的默认值

  7. 需要验证的input框下面需要添加一个标签,用于显示错误提示信息

     new inputValidate("demo");

    version2 validate

    随意组合,目前总共分为以下几个规则
     用户名: 密码  :  不能为空: 数值不能小于10: 数值最大不能超过100: 数字: 汉字: Email: 刷新 new inputValidate("demo");

是不是很简单,有疑问欢迎留言
想要使用的同学,请注明版权@Ipo
转发请注明版权@Ipo
vue 新手中文社区群: 320905222

关键字:JavaScript

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部