jquery注册表单校验与时间格式化特效代码下载


jquery注册表单校验与时间格式化特效代码下载
jquery注册表单校验与时间格式化特效代码下载以及注册表单、校验与时间、格式化等js/jquery网页特效代码下载。

1. 引入JS

<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="js/form_validation.js"></script>

2. HTML代码

		<!--[if lt IE 9]>
			<div class="lt-ie9-bg">
				<p class="browsehappy">对不起,您正在使用的是 <strong>过时</strong> 的浏览器.</p>
				<p>请升级您的浏览器(IE10,或者是火狐、谷歌、Opera、Safari等现代浏览器),以改进您的用户体验!</p>
			</div>
			<style>
			.lt-ie9-bg{z-index:11111;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333;color:#999;padding:100px 20px;text-align:center;font-size:26px}
			</style>
		<![endif]-->
		<form action="" id="" class="form">
			<input type="text" placeholder="用户名1" form-verify="required|userNames" />
			<input type="text" placeholder="用户名2" form-verify="required|userName" />
			<input type="text" placeholder="英文" form-verify="required|english" />
			<input type="text" placeholder="汉字" form-verify="required|chinese" />
			<input type="text" placeholder="中文(包括汉字和字符)" form-verify="required|chineseChar" />
			<input type="text" placeholder="字符验证只包含中文、英文、数字、下划线等字符" form-verify="required|stringCheck" />
			<input type="text" placeholder="邮箱" form-verify="required|email" />
			<input type="text" placeholder="QQ" form-verify="required|QQ" />
			<input type="text" placeholder="手机号码" form-verify="required|phone" maxlength="11" />
			<input type="password" placeholder="密码" form-verify="required|password" />
			<input type="password" placeholder="高强度密码" form-verify="required|seniorPassword" />
			<input type="text" placeholder="居民身份证" form-verify="required|IDCard" />
			<input type="text" placeholder="日期" form-verify="required|date" />
			<input type="text" placeholder="时间" form-verify="required|time" />
			<input type="text" placeholder="数字" form-verify="required|number" />
			<input type="text" placeholder="整数" form-verify="required|integer" />
			<input type="text" placeholder="邮政编码" form-verify="required|zipCode" />
			<input type="text" placeholder="访问地址URl" form-verify="required|Url" />
			<input type="text" placeholder="ipv4地址" form-verify="required|ipV4" />
			<input type="text" placeholder="十六进制颜色" form-verify="required|rgbHex" />
			<input type="text" placeholder="固话或者传真" form-verify="required|faxes" />
			<input type="text" placeholder="合法字符" form-verify="required|rightfulString" />
			<input type="text" placeholder="money" form-verify="required|money" />
			<input type="text" placeholder="护照" form-verify="required|passport" />
			<input type="text" placeholder="台胞证" form-verify="required|taiWanCertificate" />
			<input type="text" placeholder="港澳通行证" form-verify="required|hongKong" />
			<input type="text" placeholder="营业执照" form-verify="required|businessLicense" />
			<input type="text" placeholder="驾照" form-verify="required|drivingLicense" />
			<input type="text" placeholder="组织机构代码证" form-verify="required|organizationCodeCertificate" />
			<input type="text" placeholder="必填项" form-verify="required" />
			<br>
			<input type="button" value="验 证" id="regBtn" />
		</form>
		<script type="text/javascript">
			//表单验证
			$('#regBtn').click(function() {
				if (!checkedInputFunction($('#regBtn'))) {
					return false;
				}
				formVerify.msg('验证完成')
			});
			//格式化时间
			document.write('年月日 时分秒 ' + dateFormat("YYYY-mm-dd HH:MM:SS") + ' </br>');
			document.write('年月日 时分 ' + dateFormat("YYYY-mm-dd HH:MM") + ' </br>');
			document.write('年月日 时 ' + dateFormat("YYYY-mm-dd HH") + ' </br>');
			document.write('年月日 ' + dateFormat("YYYY-mm-dd") + ' </br>');
			document.write('年月 ' + dateFormat("YYYY-mm") + ' </br>');
			document.write('月日 时分秒 ' + dateFormat("mm-dd HH:MM:SS") + ' </br>');
			document.write('时分秒 ' + dateFormat("HH:MM:SS") + ' </br>');
			document.write('时分 ' + dateFormat("HH:MM") + ' </br>');
			//时间戳转化为年 月 日 时 分 秒 
			var sjc = 1592896781875; 
			document.write('转换为日期 '+ formatTime(sjc, 'YYYY-mm-dd HH:MM:SS') + '</br>'); //转换为日期:2017/03/03 03:03:03
			document.write('转换为时间 '+ formatTime(sjc, 'HH:MM')); //转换为日期:03:03
		</script>

相关推荐

发表评论

相关文章