有关使用Bootstrap验证程序的注意事项

振铃错误振铃显示图标显示基于引导加载程序的前端身份验证应用程序。

信息文件

http://blog.csdn.net/nazhidao/article/details/51542508

http://blog.csdn.net/u013938465/article/details/53507109

http://www.cnblogs.com/v-weiwang/p/4834672.html?ptvd

报价:

提交bootstrap-validator css文件。请注意,bootstrap-validator是引导程序应用程序,因此它取决于引导程序。

\\ ltlt;链接rel = \\ u0026“;网页” \\ href = \\ u0026“; lib / bootstrap / css / bootstrap.css” \\ u0026 gt;

\\ ltlt;链接rel = \\ u0026“;网页” \\ href = \\ u0026“; lib / bootstrap-validator / css / bootstrapValidator.css” \\ u0026 gt;

导入一个js文件

\\ ltlt;脚本src = \\ u0026 lib / jquery / jquery.js \\ u0026 quot; \\ gt; \\ ltlt; /脚本>

\\ ltlt;脚本src = \\ u0026 lib / bootstrap / js / bootstrap.js \\ u0026 quot; \\ gt; \\ ltlt; /脚本>

\\ ltlt;脚本src = \\ u0026 lib / bootstrap-validator / js / bootstrapValidator.js \\ u0026 quot; \\ gt; \\ ltlt; /脚本>

启动下雪验证应用程序

如果确认引导程序的插件确认何时会出现积雪。如果测试成功,雪将继续出现,但是如果测试失败,将很难表示雪。

//使用降雪确认插件

$(formSelector).bootstrapValidator({

// 1.指定未经验证的类型,默认值:[禁用。被禁用。隐藏的“,':否(:可见)”],则可以不解决

排除在外[已禁用:禁用“,”。隐藏的“,':否(:可见)”],

// 2.指定测试过程中的图标显示,默认为引导样式

反馈图标。 {

生效。 “ Glyphicon glyphicon-ok”,

无效。 ?Glyphicon glyphicon-remove?,

批准。 ?Glyphicon glyphicon刷新?

// 3.指定测试字段

领域。

//检查用户名以查找马名的对应名称

用户名:,

批准者{

//不能为空

notEmpty: {

讯息“昵称不能为空”

//长度检查

字符串长度: {

分钟: 6,

最多30

讯息“名称应在6到30的范围内”

//定期检查

正则表达式:

正则表达式: / ^^^^^^^^^^ /

讯息‘用户名由下面的点和数字组成。 ”

}

}

}

});

成功注册雪马的记录

成功完成雪测试后,form.bv事件将开始,并且此时将显示雪。在这一点上,您通常需要阻止雪的自动呈现,并使用Ajax表示雪问答价格图片大全

$(? u0026“; dz ? u0026”;)(“运气form.bv”,函数(e)

e.preventDefault();

//使用ajax表示逻辑

});

通用方法:

获取验证器示例(对象)

当我们初始化雪验证补充时,我们可以使用以下方法获得经过验证的雪验证示例,并调用某些方法来执行某些功能作为验证器示例。

var validateator = $(\\ u0026“#?? \\ u0026”;)数据(“ bootstrapValidator”); //获取下雪验证示例

//可以使用纸张确认示例来调用一些常用方法的示例。

validator.methodName(设置);

恢复你的!

用雪恢复已验证的内容将隐藏所有错误提示和图标。

validateator.resetForm(); //重新启动?隐藏所有错误提示?图标

更新栏位状态

BootstrapValidator验证用户何时输入内容。调用bootstrap插件方法时,可以手动更改字段的值。您可以使用updateStatus(字段,状态,身份验证名称)来更新字段状态。

状态的值为:

NOT_VALIDATED:未选中

验证。检查:

无效。测试失败

已验证。测试成功。

有关使用Bootstrap-Ratifier来显示以下提示的注意事项JS

猜你喜欢

转载自www.cnblogs.com/blogst/p/12696236.html
今日推荐