美文网首页
bootstrap直接对form表进行校验

bootstrap直接对form表进行校验

作者: IT和金融 | 来源:发表于2018-04-17 23:45 被阅读0次

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不能为空'

                          }

                      }

                  }

              }

      });

相关文章

网友评论

      本文标题:bootstrap直接对form表进行校验

      本文链接:https://www.haomeiwen.com/subject/vgsmkftx.html