bootstrapValidator插件验证邮箱、电话和数字的方法及在线实例演示亲测 原创

文章标签: 使用实例
  • :
  • 04-09 18:57
  • :
  • 18次
  • :
  • 0条
  • 1赞

简介本文讲的是利用bootstrapValidator插件来验证邮箱,电话和数字的具体方法步骤及在线实例演示。l

bootstrapValidator插件是一个非常强大的表单验证插件,关于bootstrapValidator插件的使用API帮助手册,请看这里:bootstrapValidator表单验证插件的使用API文档

本章,站长和大家分享一个用bootstrapValidator插件来验证邮箱,电话和数字的实例,下面是在线实例演示:

bootstrapValidator验证邮箱、电话和数字的在线演示

下面我们来看具体的代码:

$("#aijquerylForm").bootstrapValidator({		
    live:"enabled",		
    trigger:"blur",		
    submitButtons:"#LiuYan_btn",		
    fields:{			
        DianHua:{				
            container:"#DianHuaInfo",				
            validators:{					
                phone:{country:"CN",message:"电话格式不正确"}				
            }			
        },			
        email:{				
            container:"#emailInfo",				
            validators:{					
                emailAddress:{message:"邮箱格式不正确"}				
            }			
        },			
        shuzi:{				
            container:"#shuziInfo",				
            validators:{					
                numeric:{message:"数字格式不正确"}				
            }			
        }		
    }	
})

电话、邮箱和数字都是bootstrapValidator内自带的验证规则,我们只需引用就行,不需要自己再写正则之类的规则。



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-09-26 09:13:15