代码拉取完成,页面将自动刷新
同步操作将从 RockYang/JForm 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
url: /template/default/script/JForm.js;
接口开发:yangjian
文档编写:yangjian
版本信息:1.2
JForm 是一个表单验证插件, 为表单提供良好的验证和错误返回方式
##v1.1
##v1.2
<!--html-->
<form id="test_form">
<input type="text" name="username" dtype="uname" min-length="6" max-length="20" required>
<input type="text" name="email" dtype="email" required>
<input type="checkbox" name="tag[]" min-check="1" max-check="3" required>
option 1
<input type="checkbox" name="tag[]"> option 2
<input type="checkbox" name="tag[]"> option 3
<input type="checkbox" name="tag[]"> option 4
</form>
//js
var options = {
formId : '',
filter : function( ele ) {
return $(ele).attr('required') == undefined;
},
continueCheck : false,
showMessage : function( type, message, ele ) {
if ( $(ele).attr("dtype") != 'password' ) {
JDialog.tip.work({type:type, content:message, timer : 2000});
}
if ( type == 'error' ) JForm.options.checkSuccess = false;
}
};
var form = new JForm(options);
if ( form.checkFormData() ) {
alert("验证成功!");
}
key | 说明 |
---|---|
formId | 表单id |
filter | 元素验证过滤器 |
showMessage | 用户的错误处理接口,该方法接收三个参数 type : 错误类型, 'ok' => 验证成功, 'error' => 验证失败,'warn' => 警告信息 message : 返回的验证信息,特别注意,如果是密码的话将会返回一个密码等级,0 => 太弱, 1=>弱, 2 => 一般, 3 => 强, 请自己在错误处理的时候注意区别处理; ele : 当前检测的元素。 |
continueCheck | 当遇到错误时是否继续验证如果为true的话,则碰到错误将会继续验证后面的元素。默认为false,即碰到错误立即返回。 |
#####如果传入了这个两个参数默认会覆盖options中的formId 和 filter
dtype | 说明 |
---|---|
uname | 表示该数据类型是用户名,必须是 数字+字母+下划线组成的字符串 |
邮箱地址类型 | |
url | url链接地址类型,是一个完整的绝对地址如 http://www.pvc123.com/index.php?a=1&b=2 相对路径是不会通过验证的,如/admin/user/index 这些都是不合法。 |
domain | 检测是否是一个合法的域名 |
mobile | 检测是否是一个合法的手机号码。 |
phone | 检测是否是一个合法的电话号码, number + - + number格式,如0769-38998777 |
idnum | 检测是否是个合法的身份证号码,包括17位和15位身份证号码。并检测校验码是否正确 |
number | 检测是否是纯数字 |
cn | 验证是否含有汉字 |
password | 验证密码强度 |
ip | 检测是否是一个合法的ip地址 |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。