html:

    <link rel="stylesheet" href="/css/bootstrap.min.css">    
     <script src="/js/jquery-1.10.1.min.js"></script>
     <script src="/js/bootstrap.min.js"></script>
    <script src="/js/bootstrapValidator.js"></script>
    <script src="/js/language/zh_CN.js"></script>
    <link rel="stylesheet" href="/css/bootstrapValidator.css"/>


<form id="regForm" class="form-horizontal form1" role="form">
  <div class="form-group">
   
    <div class="col-xs-12 col-sm-12">
      <input type="text" placeholder="请输入手机号" name="sjh" id="sjh" class="form-control inpt2">
    </div>
  </div>
  <div class="form-group">
   
    <div class="col-xs-12 col-sm-12">
       <div class="clearst">
          <div id="drag">
           <div class="drag_bg"></div>
           <div class="drag_text" onselectstart="return false;" unselectable="on">请向右滑块验证</div>           <div class="handler handler_bg"></div></div></div>
    </div>
  </div>
    <div class="form-group">
   
    <div class="col-xs-8 col-sm-8">
      <input type="text" placeholder="请输入验证码" class="form-control inpt3"  id="yzm" name="yzm">
    </div>
     <div class="col-xs-4 col-sm-4 ">
       <input type="button"  class="form-control inpt4" id="" value="发送验证码">
    </div>
  </div>
  <div class="form-group">
   
    <div class="col-xs-12 col-sm-12">
      <input type="text" placeholder="请设置用户名" class="form-control  inpt2 usinpt2" id="username" name="username" >
    </div>
  </div>
    <div class="form-group">
   
    <div class="col-xs-12 col-sm-12">
      <input type="password" placeholder="请设置密码" class="form-control  inpt2 mmicon" id="password" name="password" >
    </div>
  </div>
      <div class="form-group">
   
    <div class="col-xs-12 col-sm-12">
      <input type="password" placeholder="请再次输入新密码" class="form-control  inpt2 mmicon" id="confirmpassword" name="confirmpassword">
    </div>
  </div>
   <div class="form-group">
   
    <div class="col-xs-12 col-sm-12">
      <div class="checkbox">
    <!-- <label><input type="checkbox" value="">我已阅读并同意<a href="#" target="_blank">用户协议</a></label> -->
</div>
    </div>
  
  </div>
      <div class="form-group">
    <div class="col-xs-12 col-sm-12">
     <input type="button" class="form-control inpt7" value="注册并登录">


    </div>
  </div>
        <div class="form-group">
    
    <div class="col-xs-12 col-sm-12">
      <a class="loginst2" href="login.html">已有账号，立即登录</a>
    </div>
  </div>
  </form>
     


JS:

<script type="text/javascript">
$(document).ready(function() {
    // Generate a simple captcha
    // function randomNumber(min, max) {
    //     return Math.floor(Math.random() * (max - min + 1) + min);
    // };
    // $('#captchaOperation').html([randomNumber(1, 100), '+', randomNumber(1, 200), '='].join(' '));
    $('#regForm').bootstrapValidator({
//        live: 'disabled',
        message: 'This value is not valid',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            sjh: {
                group: '.col-sm-12',
                validators: {
                    notEmpty: {
                        message: '手机号必填'
                    }
                }
            },
            username: {
                validators: {
                    notEmpty: {
                        message: '用户名不能为空'
                    }
                }
            },
            yzm: {
                validators: {
                    notEmpty: {
                        message: '验证码不能为空'
                    }
                }
            },
            password: {
                validators: {
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    identical: {
                        field: 'confirmPassword',
                        message: '密码不一致'
                    },
                    different: {
                        field: 'username',
                        message: '密码和用户名不能相同'
                    }
                }
            },
            confirmpassword: {
                validators: {
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    identical: {
                        field: 'password',
                        message: '密码不一致'
                    },
                    different: {
                        field: 'username',
                        message: '密码和用户名不能相同'
                    }
                }
            },
        }
    });
    // Validate the form manually
    $('.inpt7').click(function() {                
        var bootstrapValidators = $("form").data('bootstrapValidator');
        if(bootstrapValidators.isValid()) {
            alert("valid");
        }
        else
        {
            alert("invalid");
            $('#regForm').bootstrapValidator('validate');
        }
    });
});
</script>


https://mrbird.cc/BootstrapValidator%E6%8C%87%E5%8D%97.html