1,引入style.css
2,引入js
<script src="${request.contextPath}/js/bootstrap.min.js"></script> <script src="${request.contextPath}/js/Validform_v5.3.2_min.js"></script>3,在input框中添加属性datatype,errormsg
<div class="col-sm-5"> <input type="text" name="username" class="form-control" id="username" datatype="m|e" errormsg="昵称为手机或者邮箱!" placeholder="请输入您的手机或用户名"> </div> <div class="Validform_checktip"></div>4,js验证
$("#loginForm").Validform({ tiptype:2, ajaxPost:true,//使用ajax方式提交表单数据,默认false,提交地址就是action指定地址; callback:function(data){ if(data.status==1){ window.location.href="${request.contextPath}/index/main.html"; }else{ $("#errorMessage").html(data.message); $.Hidemsg() } } });
5,官网:http://validform.rjboy.cn/document.html