formvalidation怎么配置

发布时间:2021-09-24 14:46:37 作者:小新
来源:亿速云 阅读:136

这篇文章主要介绍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怎么配置”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. 华为 配置NAT 配置PNAT
  2. 6、如何获取配置中心的配置

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

formvalidation

上一篇:bootstrap-table如何实现数据刷新后停留在当前页

下一篇:web面试vue自定义组件及调用方式是怎样的

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》