当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 一个非常强大完整的web表单验证程序(2)

HTML/XHTML教程
XHTML中不再使用HTML中的一些废弃元素
语义化的HTML结构怎么理解
Web 标准学习 理解结构和表现相分离
html5 标签
HTML5 新事件 小结
HTML5 b和i标记将被赋予真正的语义
HTML是网页制作者必须要学习掌握的
HTML DOCTYPE的缩写
Readonly和Disabled的区别
16进制颜色代码(完全)
H标记要在网页制作中合理使用
abbr标记和acronym标记
知名浏览器对DOCTYPE模式的选择机制
用标准dl,dt,dd标签抛弃table列表
html 标签ID可以是变量
iframe 自适应大小实现代码
HTML5 解析规则分析
HTML减肥 精简HTML标记制作网页
HTML5 File API改善网页上传功能
HTML 5 Reset Stylesheet

HTML/XHTML教程 中的 一个非常强大完整的web表单验证程序(2)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 50 ::
收藏到网摘: n/a

  Validator 完整代码:


<title>表单验证类 Validator v1.0</title>

<style>

body,td{font:normal 12px Verdana;color:#333333}

input,textarea,select,td{font:normal 12px Verdana;color:#333333;border:1px solid
#999999;background:#ffffff}

table{border-collapse:collapse;}

td{padding:3px}

input{height:20;}

textarea{width:80%;height:50px;overflow:auto;}

form{display:inline}

</style>

<table align="center">

<form name="theForm" id="demo" action="" method="get"
onSubmit="return Validator.Validate(this,2)">

<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="Password" dataType="SafeString"
msg="密码不符合安全规则" type="password"></td>

</tr>

<tr>

<td>重复:</td><td><input name="Repeat" dataType="Repeat"
to="Password" msg="两次输入的密码不一致" type="password"></td>

</tr>

<tr>

<td>信箱:</td><td><input name="Email" dataType="Email"
msg="信箱格式不正确"></td>

</tr>

<tr>

<td>信箱:</td><td><input name="Email" dataType="Repeat"
to="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="年龄必须在18~28之间" min="18" max="28"></td>

</tr>

<tr>

<td>年龄1:</td><td><input name="Year1" require="false"
dataType="Compare" msg="年龄必须在18以上" to="18" operator="GreaterThanEqual"></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="Custom"
regexp="^[1-9]\d{5}$" msg="邮政编码不存在"></td>

</tr>

<tr>

<td>邮政编码:</td><td><input name="Zip1" dataType="Zip"
msg="邮政编码不存在"></td>

</tr>

<tr>

<td>操作系统:</td><td><select name="Operation" dataType="Require"
msg="未选择所用操作系统" ><option value="">选择您所用的操作系统</option><option
value="Win98">Win98</option><option value="Win2k">Win2k</option><option
value="WinXP">WinXP</option></select></td>

</tr>

<tr>

<td>所在省份:</td><td>广东<input name="Province" value="1"
type="radio">陕西<input name="Province" value="2"
type=""