这篇文章主要介绍formvalidation怎么配置,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
formvalidation是最好的jQuery+Bootstrap表单验证插件,当你创建一个网站时想用验证你的表单,这个jQuery插件是非常有用的。它有许多内置选项,很容易使用和理解。支持html5的属性声明设置输入类型,友好的验证弹出或提示错误,输入正确与否状态图标显示,动态灵活的消息,兼容性好。
formvalidation怎么配置
会员名称不为空项目配置
<formclass="form-signinrequired-validate"action="${ctx}/login"method="post"οnsubmit="returnvalidateCallback(this)">
<divclass="form-group">
<divclass="row">
<label>账户</label>
<inputclass="form-control"type="text"autofocusname="username"placeholder="请输入会员编号"autocomplete="off"
data-bv-notempty/>
</div>
</div>
</form>
123456789
data-bv-notempty表示该会员编号要做为空check。
form-group的div是必须的,否则会报“toomuchrecursion”错误。
form表单提交的时候会执行validateCallback方法,该方法在第五步中具体介绍。
页面加载完成后启用formvalidation
$(function(){
//validateform
$("form.required-validate").each(function(){
var$form=$(this);
$form.bootstrapValidator();
//修复bootstrapvalidator重复向服务端提交bug
$form.on('success.form.bv',function(e){
//Preventformsubmission
e.preventDefault();
});
});
});
以上是“formvalidation怎么配置”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。