永发信息网

bootstrapValidator 无法提交表单是怎么回事,都验证正确了

答案:1  悬赏:10  手机版
解决时间 2021-01-28 10:01
  • 提问者网友:末路
  • 2021-01-27 19:16
bootstrapValidator 无法提交表单是怎么回事,都验证正确了
最佳答案
  • 五星知识达人网友:第四晚心情
  • 2021-01-27 20:19
如果你使用的前端框架是bootstrap,那么前端验证框架就不必考虑了,bootstrapvalidator是最好的选择,它和bootstrap的结合最完美,不过要注意版本的问题,针对bootstrap2和bootstrap3有不同的版本。

下面是我遇到的两个注意事项,自己做个笔记:

1、为每个要验证的表单元素添加name属性

例如:

data-bv-notempty data-bv-notempty-message="验证码不能为空"
data-bv-regexp="true" data-bv-regexp-regexp="[0-9]{6}" data-bv-regexp-message="验证码格式不正确"
>

data-bv-notempty data-bv-notempty-message="验证码不能为空"
>

上面这个例子中,第一个表单元素添加了name属性,第二个表单元素没有name属性,而这两个表单元素都使用了非空验证,最终效果如下:

从结果可以看出,如果要验证一个表单项,则该表单项必须有name属性。否则验证将不起作用。

2、为保持良好的效果,表单元素最好放在div.form-group里面

例如下面这个例子:

用户名
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯