基于Jquery的表单验证插件

标签化表单验证文档

定义标签属性(*是必写属性)

  1. 提示语(placeholder)

placeholder="自定义提示"

  1. Form(id)

id必填

  1. 必填验证(requried)

是否验证:macco-required="true/false/不写" (true为必填项,另两种是可选项)

必填提示:macco-required-tip="自定义提示" (默认提示为*此项为必填项

  1. 数字验证(number)

是否验证:macco-vail-number="true/false/不写" (true为验证,另两种是不验证)
数字提示:macco-number-tip="自定义提示"(默认提示为*数字格式不正确

  1. 最大长度验证(max)

验证条件:macco-vail-max="自定义长度" (例如:macco-vail-max="5"
验证提示:macco-max-tip="自定义提示"(默认提示:*最大长度不能超过n

  1. 最小长度验证(min)

验证条件:macco-vail-min="自定义长度"(例如:macco-vail-min="5")
验证提示:macco-min-tip="自定义提示"(默认提示:*最小长度不能少于n

  1. Email格式验证(email)

是否验证:macco-vail-email="true/false/不写" (true为验证,另两种是不验证)
Email提示:macco-email-tip="自定义提示"( 默认提示:*email格式不正确

  1. url格式验证(url)

是否验证:macco-vail-url="true/false/不写"(true为验证,另两种是不验证)
url提示:macco-url-tip="自定义提示" (默认提示:*url格式不正确

  1. 手机格式验证(phone)

是否验证:macco-vail-phone="true/false/不写"(true为验证,另两种是不验证)
phone提示:macco-phone-tip="自定义提示" (默认提示:*电话号码格式不正确

  1. Ajax验证

是否验证:macco-vail-ajax="true/false/不写"(true为验证,另两种是不验证)
验证提示:macco-ajax-tip="自定义提示"(不填写就没有提示信息)

  1. 确认密码验证(confirmPassword)

是否验证:macco-vail-confirmPassword="true/false/不写"(true为验证,另两种是不验证)
密码提示:macco-confirmPassword-tip="自定义提示"(默认提示:*两次输入密码不一致
验证对象:macco-equalTo="Name" (该Name是指和其对应password的name)

  1. 正则表达式验证

是否增加验证规则:macco-vail-addMethod="true/false/不写"(true为增加验证,另两种是不增加)
增加方法名字:macco-addMethod-name="自定义名字" (例如macco-addMethod-name="china"
是否验证:macco-vail- china="true/false/不写" (true为验证,另两种是不验证)
验证规则:macco-china-regex="自定义规则"(例如macco-china-regex="/^[\u4E00-\u9FFF]+$/"
验证提示:macco-china-tip="自定义提示"(不填写就没有提示信息)

(注:以下是必填项)

  • macco-vail-input="true"(验证该input标签是否可以被验证,以免影响其他input标签)
  • macco-error-label="jquery表达式"(macco-error-label赋值一个表达式,用于存放错误提示的位置,表达式要能找到你所要放错误信息的位置)
  • macco-type="submit" (提交的类型,必填)
  • macco-point-form="#macco-form" (指向form的id,代表提交的表单是指定的form)

多表单验证

演示链接
源码地址

失焦验证

演示链接
源码地址

实时验证

演示链接
源码地址

posted @ 2019-04-08 10:14  mandy1020  阅读(320)  评论(0编辑  收藏  举报