怎么玩转微信小程序_bootstrapValidator.min.js表单验证

bootstrapValidator.min.js表单验证插件       这篇文章主要为大家详细介绍了bootstrapValidator.min.js表单验证插件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了bootstrapValidator.min.js表单验证的具体代码,供大家参考,具体内容如下

注意:下载后全选复制并粘贴到新建js文件名为bootstrapValidator.min.js下即可。

测试代码:

 !DOCTYPE html 
 html lang="en" 
 head 
 meta charset="UTF-8" 
 title /title 
 style 
 table{
 width: 690px;
 padding-left: 23%;
 padding-bottom: 20px;
 width: 110px;
 color: #f00;
 /style 
 /head 
 body 
 !--表单-- 
 div 
 form method="post" onsubmit="return doTable()" 
 table align="center" 
 th align="left" colspan="2" 物流服务商 /th 
 td align="right" width="100" 登 陆 名 称: /td 
 s /s 
 input type="text" name="lgname" maxlength="20"/ 
 b * /b 
 span /span 
 /td 
 /tr 
 td align="right" 密 码: /td 
 s /s 
 input type="password" name="password" maxlength="18"/ 
 b * /b 
 span /span 
 /td 
 /tr 
 td align="right" 确 认 密 码: /td 
 s /s 
 input type="password" name="repass" maxlength="18"/ 
 b * /b 
 span /span 
 /td 
 /tr 
 td align="center" colspan="2" 
 s /s 
 button type="submit" 注 册 /button 
 button type="submit" 取 消 /button 
 /td 
 /tr 
 /table 
 /form 
 /div 
 script src="js/jquery-1.11.3.js" /script 
 script src="js/bootstrapValidator.min.js" /script 
 script type="text/javascript" 
 /*表单验证*/
 var gets = true;//是否让表单提交
 $(function(){
 // 提示信息===========================================
 $("input[name=lgname]").focus(function(){
 if($(this).val() == this.defaultValue){
 $(this).val('');
 }).blur(function(){
 if($(this).val() == ''){
 $(this).val(this.defaultValue);
 //当输入框失去焦点的时候,需要执行的方法
 $("input[name=lgname]").blur(function(){doLgname();});
 $("input[name=password]").blur(function(){doPassword();});
 $("input[name=repass]").blur(function(){doRepass();});
 // 登陆名称的验证==========================
 function doLgname(){
 var t = $("input[name=lgname]");
 var span = t.next();
 if(/^\w{6,16}$/.test(t.val())){
 ("填写正确").css({color:"green",fontSize:"12px"});
 return true;
 }else{
 ("包含数字、字母、下划线,长度在6-16之间").css({color:"#ec4e4e",fontSize:"12px"});
 return false;
 // 密码的验证==========================
 function doPassword(){
 var t = $("input[name=password]");
 var span = t.next();
 if(t.val() == ''){
 ("密码不能为空").css({color:"#ec4e4e",fontSize:"12px"});
 return false;
 }else{
 ('');
 if(/.{15,}/.test(t.val())){
 ("密码长度不合法");
 return false;
 return true;
 // 确认密码的验证==========================
 function doRepass(){
 var t = $("input[name=repass]");
 var span = t.next();
 if(t.val() == $("input[name=password]").val() t.val() != ''){
 ("填写正确").css({color:"green",fontSize:"12px"});
 return true;
 }else{
 ("两次密码不一致").css({color:"#ec4e4e",fontSize:"12px"});
 return false;
 // 数据提交的时候执行的方法
 function doTable(){
 var lg = doLgname();
 var pass = doPassword();
 var repass = doRepass();
 if(lg pass repass){
 return true;
 }else{
 return false;
 /script 
 /body 
 /html 

表单插件:bootstrapValidator.min.js

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。