📄 index.htm
字号:
<html>
<head>
<title>表单验证实例</title>
<style type="text/css">
<!--
.textCss {
font-family: "宋体", System;
font-size: 12px;
color: #000000;
text-decoration: none;
}
-->
</style>
<script language="javascript" src="checkform.js"></script>
</head>
<body bgcolor="#D4D0C8">
<form name="form1" id="form1" action="" method="post"
onSubmit="return CheckForm.Check(this,2)">
<table align="center" cellpadding="0" cellspacing="0" class="textCss">
<tr>
<td>中文姓名：</td>
<td>
<input name="Name" dataType="Chinese" msg="中文姓名只能输中文!">
</td>
</tr>
<tr>
<td>英文姓名：</td>
<td>
<input name="Nick" dataType="English" require="false" msg="英文名只能输英文!">
</td>
</tr>
<tr>
<td>网 页：</td>
<td>
<input name="Homepage" require="false" dataType="Url" msg="网页Url无效！">
</td>
</tr>
<tr>
<td>输入密码：</td>
<td>
<input name="pwd" dataType="SafeString" msg="密码不安全!" type="password">
</td>
</tr>
<tr>
<td>核对密码：</td>
<td>
<input name="Repeat" type="password"
dataType="Repeat"
to="pwd"
msg="两次输入的密码不一致!">
</td>
</tr>
<tr>
<td>电子邮箱：</td>
<td>
<input name="Email" dataType="Email" msg="邮箱格式不正确!">
</td>
</tr>
<tr>
<td> QQ号码：</td>
<td>
<input name="QQ" require="false" dataType="QQ" msg="请输入QQ号码!">
</td>
</tr>
<tr>
<td>身 份 证：</td>
<td>
<input name="Card" dataType="IdCard" msg="身份证号码不正确!">
</td>
</tr>
<tr>
<td>年 龄：</td>
<td>
<input name="Year" dataType="Range" msg="年龄必须在20~40之间" min="20" max="40">
</td>
</tr>
<tr>
<td>电话号码：</td>
<td>
<input name="Phone" require="false" dataType="Phone" msg="电话号码不正确!">
</td>
</tr>
<tr>
<td>手机号码：</td>
<td>
<input name="Mobile" require="false" dataType="Mobile" msg="手机号码不正确!">
</td>
</tr>
<tr>
<td>出生日期：</td>
<td>
<input name="Birthday" dataType="Date" format="ymd" msg="请输入出生日期!">
</td>
</tr>
<tr>
<td>邮政编码：</td>
<td>
<input name="Zip" dataType="Zip" msg="请输入邮政编码!">
</td>
</tr>
<tr>
<td>最高学历：</td>
<td>
<select name="Operation" dataType="Require" msg="请选择最高学历!" >
<option value="">选择您的最高学历</option>
<option value="研究生">研究生</option>
<option value="本科">本科</option>
<option value="专科">专科</option>
</select>
</td>
</tr>
<tr>
<td>性 别：</td>
<td>
男<input name="sex" value="1" type="radio">
女<input name="sex" value="4"
type="radio"
dataType="Group"
msg="请选定一个性别!" >
</td>
</tr>
<tr>
<td>个人爱好：</td>
<td>
运动<input name="Favorite" value="1" type="checkbox">
上网<input name="Favorite" value="2" type="checkbox">
听音乐<input name="Favorite" value="3" type="checkbox">
看书<input name="Favorite" value="4" type="checkbox"
dataType="Group"
min="2"
max="3"
msg="请选择2~3种爱好!">
</td>
</tr>
<tr>
<td>自我介绍：</td>
<td>
<textarea name="Description"
dataType="Limit"
max="100"
msg="自我介绍内容在100个字以内!">
</textarea>
</td>
</tr>
<tr>
<td> </td>
<td height="30" valign="bottom">
<input type="submit" name="submit" value="确定">
<input type="reset" name="reset" value="重填">
</td>
</tr>
</table>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -