bootstrap直接对form表进行校验

2018-04-17  本文已影响0人  IT和金融

form表单可以前端进行校验,当然也可以直接采用bootstrap对form表单进行校验
如form表单中有


<div id="secondvalue">

<div id="name">

等相关字段进行校验,可直接用bootstrap的校验,方式如下:


$("#auth_add_form").bootstrapValidator({ //auth_add_form为form 的id值

        feedbackIcons: {

            valid: 'glyphicon glyphicon-ok',

            invalid: 'glyphicon glyphicon-remove',

            validating: 'glyphicon glyphicon-refresh'

        },

        fields: {

                  name:{  //div的id值

                      validators:{

                          notEmpty:{

                              message:'用户名不能为空'

                          }

                      }

                  },

                  secondvalue:{ //div的id值

                      validators:{

                          notEmpty:{

                              message:'value不能为空'

                          }

                      }

                  }

              }

      });
上一篇 下一篇

猜你喜欢

热点阅读