头像

jQuery多功能用户注册信息表单验证代码

来源:http://www.sucaihuo.com//js/3454.html 素材火管理员 2018-02-07 14:26浏览(609) 收藏

jQuery多功能用户注册信息表单验证代码,比较详细的一个表单验证插件。内附使用说明。
jQuery多功能用户注册信息表单验证代码
分类:表单代码 > 注册登录框 难易:初级

程序员,你不是一个人;网站开发QQ群:698377651,在线充值,或联系QQ3401083589直接充值

查看演示 下载资源: 40 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="js/vali.min.js"></script>
	<script type="text/javascript">
		$.myvali({
			myform:".form2",								//表单id
			mybtn:".btn",									//提交表单按钮id	
			myVali:".vali",									//input父盒子的class,可自定义类名

			Required:".Required",							//验证必填选项,值为Required,input自己加class
			RequiredTps:["不能为空!!!"],					//只验证不为空提示

			Requireds:".Requireds",							//验证必填不同提示,值为Requireds,input自己加class
			reqtps:".reqtps",								//验证不为空不同提示,input父盒子的class,可自定义类名
			Reqlength:[[2,4]],								//只验证不为空,设置最小长度和最大长度
			ReqlengthTps:["+不为空1"],						//验证不为空长度提示
			RequiredsTps:["这是自定义提示1"],				//默认提示

			myName:".uersname",								//用户名id或class
			myName2:".nicheng",								//昵称id或class
			
			myPassword:".pasw",								//密码id或class
			myConfirmPassword:".pasws",						//确认密码id或class

			myCard:".cid",									//身份证验证id或class
			
			// myPhone1:"#v",								//修改手机号(原手机号用这个验证)id或class
			// phoneIsServer1:false,						//手机号是否与数据库验证,true为是,默认false为否
			// phoneIsServerUrl1:["1.php"],					//手机号与数据库验证的路径
			// phoneIsServerType1:"post",					//以什么方式提交
			// phoneIsServerDType1:"json",					//以什么格式提交

			myPhone:".phone",								//手机号id或class
			// phoneIsServer:false,							//手机号是否与数据库验证,true为是,默认false为否
			// phoneIsServerUrl:["1.php"],					//手机号与数据库验证的路径
			// phoneIsServerType:"post",					//以什么方式提交
			// phoneIsServerDType:"json",					//以什么格式提交

			isPhoneCode:true,								//开启手机短信验证,true开启,默认false不开启(此项功能与myPhone配合验证)
			phoneCodeBtn:".codebtn",						//发送手机验证码id或class(按钮)
			count:30,										//发送短信验证码倒计时,默认60s(按钮)
			codeBtnCol1:["rgb(150, 150, 150)"],				//短信验证码倒计时(按钮,通过验证前)颜色
			codeBtnCol2:["#333"],							//短信验证码倒计时(按钮,通过验证后)颜色
			// isPhoneCodeUrl:["1.php"],					//发送手机验证码与数据库验证的路径(按钮)
			// isPhoneCodeType:"post",						//以什么方式提交(按钮)
			// isPhoneCodeDType:"json",						//以什么格式提交(按钮)


			phoneCodeInput:".phcode",						//短信验证码id或class(输入框)
			// phoneCodeInputUrl:["1.php"],					//短信验证码与数据库验证的路径(输入框)
			// phoneCodeInputType:"post",					//以什么方式提交(输入框)
			// phoneCodeInputDType:"json",					//以什么格式提交(输入框)
			
			myMailbox:".eal",								//邮箱id或class
			// mailboxIsServer:false,						//邮箱是否要与数据库验证,默认false为否
			// mailboxIsServerUrl:["1.php"],				//邮箱与数据库验证的路径
			// mailboxIsServerType:"post",					//以什么方式提交
			// mailboxIsServerDType:"json",					//以什么格式提交

			// myCode:"#v",									//验证码id或class
			// CodeIsServerUrl:["1.php"],					//验证码与数据库验证的路径
			// CodeIsServerType:"post",						//以什么方式提交
			// CodeIsServerDType:"json",					//以什么格式提交

			// PwdStrong:true,								//密码强度验证,默认false不开启,true开启
			// isStrongTps:["弱","中","强"],				//密码强度提示,可自定义提示
				
			// myNameMinLength:3,							//用户名最小长度,不写默认长度3
			// myNameMaxLength:12,							//用户名最大长度,不写默认长度12
			
			// myNameMinLength2:3,							//昵称最小长度,不写默认长度3
			// myNameMaxLength2:12,							//昵称最大长度,不写默认长度12

			// myPasswordMinLength:6,						//密码最小长度,不写默认长度6
			// myPasswordMaxLength:16,						//密码最大长度,不写默认长度16
			
			// corrCol:"#4E7504",							//设置正确提示文字的颜色,不设置默认绿色
			// errCol:"red",								//设置错误提示文字的颜色,不设置默认红色
		});
	</script>
最新交易
评论9
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3401083589

  • 头像 8楼
    04-12 15:49
    ~戊***ng
    这个可以有,谢谢楼主的努力
  • 头像 7楼
    04-02 15:59
    真***年
    简单使用,代码可以研究一下,谢谢提供。
  • 头像 6楼
    02-28 16:00
    Do***ng
    还可以,不错,点个赞
  • 头像 5楼
    02-24 09:50
    胡***胡
    非常不错的效果,简洁实用!
  • 头像 4楼
    02-20 09:52
    沐***李
    jQuery验证还不错 代码少下载研究一下
  • 头像 3楼
    02-13 14:09
    芝***贝
    感觉很不错 这个 真的还可以
  • 头像 板凳
    02-13 10:19
    xi***ng
    不错,不错,美美哒,给人第一感觉就是好
  • 头像 椅子
    02-08 19:24
    en***37
    很不错的验证机制!!!
  • 头像 沙发
    02-08 00:14
    小***黑
    简直堪称完美,太棒了
1 2