jquery parsley ajax,parsley.js(表单认证)

特点:只需要进行简单的配置可以实现表单的验证功能。

主要特性:

·用户体验好 ·配置方便 ·免费 ·性能比较好

内建的验证

•required:要求输入

•Not blank:不能为空

•Min length:最小长度

•Max length:最大长度

•Range length:长度区间

•Min:最小值

•Max:最大值

•Range:区域值

•RegExp:正则表达式

•Equal To:等于

•Min check:检查选择的checkbox的最少数量

•Max check:检查选择的checkbox的最多数量

•Range check:检查选择的checkbox的区间数量

•Remote:ajax验证

DMO

Full Name * :

data-parsley-trigger="change"

data-parsley-required="true"

data-parsley-required-message="用户名不可为空"

data-parsley-minlength="6"

data-parsley-minlength-message="用户名位数不可少于6位"

data-parsley-maxlength="29"

data-parsley-pattern=(?!^\d+$)(?!^[a-zA-Z]+$)[0-9a-zA-Z]{4,23} data-parsley-pattern-message="必须为字母或数字" >

Email * :

name="email"

data-parsley-trigger="change"

required="">

Gender *:

M:

F:

$(function () {

$('#demo-form').parsley().on('field:validated', function() {

var ok = $('.parsley-error').length === 0;

$('.bs-callout-info').toggleClass('hidden', !ok);

$('.bs-callout-warning').toggleClass('hidden', ok); }) .on('form:submit', function() {

// return false;

// Don't submit form for this demo

}); });

还可以自定义提示样式和验证方式

待学习

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值