首先非常感谢网友大白的无私分享,此作品是他刚写好的一款原创js表单验证插件FormValidator,测试完就马上与大家分享,此作品是完善之前分享的一款“基于Jquery的FormValidator表单验证”,现在全部改成用原生javascript实现,脱离了jquery核心库。
表单属性列表:
var ValidateProperties = {
CanEmpty: "fv-empty", //fv-empty="false",表示不能为空
DataType: "fv-datatype",// 数据类型
Custom: "fv-custom",//自定义验证函数
Format: "fv-format",//格式化
MaxValue: "fv-maxvalue",//最大值
MinValue: "fv-minvalue",//最小值
MaxLength: "fv-maxlength",//最长长度
MinLength: "fv-minlength",//值最小长度
Ajax: "fv-ajax",//ajax验证
CompareTo: "fv-compareto",//比较验证属性格式:fv-compareto=">,id1,id2,id3" >为表达式,可选的表达式有:> < >= <= != =(大于,小于,大于等于,小于等于,不等于,等于
MsgPanel: "fv-msgpanel",//消息显示控件的id
MsgInfo: "fv-msg-info",//用于显示默认消息(为msgpanel静态文本)
MsgSuccess: "fv-msg-success",//验证成功消息,如果不填写,将采用默认静态消息显示(原msgpanel内容)
MsgError: "fv-msg-error",//验证失败默认错误消息
Validate: "fv-validate"//用于form元素上,fv-validate="true"表示此表单参与验证
}
效果如下:
作者感言:
我很懒,花时间写各种插件,就是解决懒的问题。上次的那个插件。用久了,觉得麻烦。只好重新设计一个。也许,过段时间,我又有新的写法了。这个插件,写的很仓促,不足之处,还望多多提醒。为何我不用jq写呢。 因为jq,我经常碰到一个问题。jquery加载不下来。不知道你们有没有碰到。jquery会一直在加载。死活不下来。然后所有用jquery的功能就悲剧了。所以,我做网站,现在要考虑前台,是否用jquery了。所以,写个不用jq的。反正插件,都非常简单。最难的在于,插件是否好用,插件的提示信息,是否人性化。 写过很多的插件,都扔了,没空整理。感谢www.jq-school.com,至少,我放上去,希望有人用,有人帮忙改进。 目前只是在ff下测试过。其他的没有。额,抱歉,没时间。ie的各种版本,有问题,找我啊。qq137991323.加的时候,要注明表单验证。
如果您觉得本作品对您的学习有所帮助:
关键字:
企博网 Album 弹出层 图片延迟加载 QQ相册 Jquery相册 开关灯特效 鼠标悬浮