原创validate信息验证控件,简单易用
更新validate version1.1 源码
(开源代码已在github上,点击上面的源码查看)
为了方便使用,现更新版本,主要变更如下
JS代码不用自己设置太多
错误信息提示一律显示在验证框下面,以红色字体标出
错误信息可以自己设置,也可以设置为空,为空时显示默认提示
html页面需要给form添加ID,给INPUT添加一些属性,INPUT下面添加标签label。详情如下:
使用时需要注意:
JS代码部分需要注意:
只需要new validate('formid'),传一个form的ID给我就足够了
HTML代码部分需要注意:
HTML页面相应FORM下,你要告诉我四个信息包括id="info" validate="true" validateInfo='{"type":"number"};{"type":"email"}' error_message=""
validate=''或者'false'或者没有该属性时,其他的信息均可不用设置
设置了validate='true'时,其他三个属性必须,但可以设置为空,比如error_message="",此时输入有误时显示的信息将是我设置的默认值
需要验证的input框下面需要添加一个标签,用于显示错误提示信息
new inputValidate("demo");
version2 validate
随意组合,目前总共分为以下几个规则
用户名: 密码 : 不能为空: 数值不能小于10: 数值最大不能超过100: 数字: 汉字: Email: 刷新 new inputValidate("demo");
是不是很简单,有疑问欢迎留言
想要使用的同学,请注明版权@Ipo
转发请注明版权@Ipo
vue 新手中文社区群: 320905222
关键字:JavaScript
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!