jquery表单验证效果
代码语言：html
所属分类：验证
代码描述：jquery表单验证效果
代码标签： 效果
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
<title>注册表单验证</title>
<style type="text/css">
.form input {
width: 40%;
max-width: 300px;
line-height: 30px;
margin: 10px auto;
padding-left: 20px;
}
</style>
</head>
<body>
<!--[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|faxe.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0