Question

使用bootstrapvalidator怎么可以多次请求

Answer 1

如果你使用的前端框架是bootstrap，那么前端验证框架就不必考虑了，bootstrapvalidator是最好的选择，它和bootstrap的结合最完美，不过要注意版本的问题，针对bootstrap2和bootstrap3有不同的版本。 下面是我遇到的两个注意事项，自己做个笔记： 1、为每个要验证的表单元素添加name属性 例如： <div class="form-group"> <input type="text" placeholder="请输入短信验证码" id="smsCaptcha" name="smsCaptcha" class="form-control" data-bv-notempty data-bv-notempty-message="验证码不能为空" data-bv-regexp="true" data-bv-regexp-regexp="[0-9]{6}" data-bv-regexp-message="验证码格式不正确" > </div> <div class="form-group"> <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email" data-bv-notempty data-bv-notempty-message="验证码不能为空" > </div> 上面这个例子中，第一个表单元素添加了name属性，第二个表单元素没有name属性，而这两个表单元素都使用了非空验证，最终效果如下： 从结果可以看出，如果要验证一个表单项，则该表单项必须有name属性。否则验证将不起作用。 2、为保持良好的效果，表... 如果你使用的前端框架是bootstrap，那么前端验证框架就不必考虑了，bootstrapvalidator是最好的选择，它和bootstrap的结合最完美，不过要注意版本的问题，针对bootstrap2和bootstrap3有不同的版本。 下面是我遇到的两个注意事项，自己做个笔记： 1、为每个要验证的表单元素添加name属性 例如： <div class="form-group"> <input type="text" placeholder="请输入短信验证码" id="smsCaptcha" name="smsCaptcha" class="form-control" data-bv-notempty data-bv-notempty-message="验证码不能为空" data-bv-regexp="true" data-bv-regexp-regexp="[0-9]{6}" data-bv-regexp-message="验证码格式不正确" > </div> <div class="form-group"> <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email" data-bv-notempty data-bv-notempty-message="验证码不能为空" > </div> 上面这个例子中，第一个表单元素添加了name属性，第二个表单元素没有name属性，而这两个表单元素都使用了非空验证，最终效果如下： 从结果可以看出，如果要验证一个表单项，则该表单项必须有name属性。否则验证将不起作用。 2、为保持良好的效果，表单元素最好放在div.form-group里面 例如下面这个例子： <label for="exampleInputEmail1">用户名</label> <div class="input-group" > <input type="text" class="form-control required" placeholder="用户名" id="username" name="username" data-bv-notempty data-bv-notempty-message="请输入用户名" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-user"></span> </span> </div>