`
- 浏览:
9220300 次
- 性别:
- 来自:
上海
-
<title>表单验证类Validatorv1.01</title>
<style>...
body,td{...}{font:normal12pxVerdana;color:#333333}
input,textarea,select,td{...}{font:normal12pxVerdana;color:#333333;border:1pxsolid#999999;background:#ffffff}
table{...}{border-collapse:collapse;}
td{...}{padding:3px}
input{...}{height:20;}
textarea{...}{width:80%;height:50px;overfmin:auto;}
form{...}{display:inline}
</style>
<tablealign="center">
<formname="theForm"id="demo"action=""method="get"onSubmit="returnValidator.Validate(this,2)">
<tr>
<td>真实姓名：</td><td><inputname="Name"dataType="Chinese"msg="真实姓名只允许中文"></td>
</tr>
<tr>
<td>英文名：</td><td><inputname="Nick"dataType="English"require="false"msg="英文名只允许英文字母"></td>
</tr>
<tr>
<td>主页：</td><td><inputname="Homepage"require="false"dataType="Url"msg="非法的Url"></td>
</tr>
<tr>
<td>密码：</td><td><inputname="Password"dataType="SafeString"msg="密码不符合安全规则"type="password"></td>
</tr>
<tr>
<td>重复：</td><td><inputname="Repeat"dataType="Repeat"to="Password"msg="两次输入的密码不一致"type="password"></td>
</tr>
<tr>
<td>信箱：</td><td><inputname="Email"dataType="Email"msg="信箱格式不正确"></td>
</tr>
<tr>
<td>信箱：</td><td><inputname="Email"dataType="Repeat"to="Email"msg="两次输入的信箱不一致"></td>
</tr>
<tr>
<td>QQ：</td><td><inputname="QQ"require="false"dataType="QQ"msg="QQ号码不存在"></td>
</tr>
<tr>
<td>身份证：</td><td><inputname="Card"dataType="IdCard"msg="身份证号码不正确"></td>
</tr>
<tr>
<td>年龄：</td><td><inputname="Year"dataType="Range"msg="年龄必须在18~28之间"min="18"max="28"></td>
</tr>
<tr>
<td>年龄1：</td><td><inputname="Year1"require="false"dataType="Compare"msg="年龄必须在18以上"to="18"operator="GreaterThanEqual"></td>
</tr>
<tr>
<td>电话：</td><td><inputname="Phone"require="false"dataType="Phone"msg="电话号码不正确"></td>
</tr>
<tr>
<td>手机：</td><td><inputname="Mobile"require="false"dataType="Mobile"msg="手机号码不正确"></td>
</tr>
<tr>
<td>生日：</td><td><inputname="Birthday"dataType="Date"format="ymd"msg="生日日期不存在"></td>
</tr>
<tr>
<td>邮政编码：</td><td><inputname="Zip"dataType="Custom"regexp="^[1-9]d{5}$"msg="邮政编码不存在"></td>
</tr>
<tr>
<td>邮政编码：</td><td><inputname="Zip1"dataType="Zip"msg="邮政编码不存在"></td>
</tr>
<tr>
<td>操作系统：</td><td><selectname="Operation"dataType="Require"msg="未选择所用操作系统"><optionvalue="">选择您所用的操作系统</option><optionvalue="Win98">Win98</option><optionvalue="Win2k">Win2k</option><optionvalue="WinXP">WinXP</option></select></td>
</tr>
<tr>
<td>所在省份：</td><td>广东<inputname="Province"value="1"type="radio">陕西<inputname="Province"value="2"type="radio">浙江<inputname="Province"value="3"type="radio">江西<inputname="Province"value="4"type="radio"dataType="Group"msg="必须选定一个省份"></td>
</tr>
<tr>
<td>爱好：</td><td>运动<inputname="Favorite"value="1"type="checkbox">上网<inputname="Favorite"value="2"type="checkbox">听音乐<inputname="Favorite"value="3"type="checkbox">看书<inputname="Favorite"value="4"type="checkbox""dataType="Group"min="2"max="3"msg="必须选择2~3种爱好"></td>
</tr>
<td>自我介绍：</td><td><textareaname="Description"dataType="Limit"max="10"msg="自我介绍内容必须在10个字之内">中文是一个字</textarea></td>
</tr>
<td>自传：</td><td><textareaname="History"dataType="LimitB"min="3"max="10"msg="自传内容必须在[3,10]个字节之内">中文是两个字节t</textarea></td>
</tr>
<tr>
<tdcolspan="2"><inputname="Submit"type="submit"value="确定提交"><inputonClick="Validator.Validate(document.getElementById('demo'))"value="检验模式1"type="button"><inputonClick="Validator.Validate(document.getElementById('demo'),2)"value="检验模式2"type="button"><inputonClick="Validator.Validate(document.getElementById('demo'),3)"value="检验模式3"type="button"></td>
</tr>
</form>
</table>
<script>...
/**//*************************************************
Validatorv1.01
codeby我佛山人
wfsr@cunite.com
http://www.cunite.com
*************************************************/
Validator=...{
Require:/.+/,
Email:/^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/,
Phone:/^(((d...{3}))|(d...{3}-))?((0d...{2,3})|0d...{2,3}-)?[1-9]d...{6,7}$/,
Mobile:/^(((d...{3}))|(d...{3}-))?13d...{9}$/,
Url:/^http://[Acolor: #000000;
分享到：
Global site tag (gtag.js) - Google Analytics
相关推荐
这篇博客"常用表单验证脚本函数"主要探讨了JavaScript中用于表单验证的一些关键函数和方法。通过学习这些函数，开发者可以创建更加健壮和用户友好的表单。 1. **required属性**：这是HTML5引入的一个特性，可以在...
常用的表单提交javascript验证脚本,有详细的使用说明
常用js表单验证....................
本资源集合了全网最全面的JavaScript表单验证方法，覆盖了从基础到高级的各种验证场景。 首先，让我们详细探讨一下`js表单验证`。JavaScript是一种在客户端运行的脚本语言，它可以在用户填写表单时实时检查输入，...
"JavaScript表单验证脚本之淘宝沙发傲视"这个标题可能指的是一个专门针对淘宝网站，或者至少是以淘宝为例的，用于表单验证的JavaScript脚本。虽然描述中的文字看起来像是随机字符组合，但我们可以从中提取出与...
JavaScript是一种广泛应用于Web开发的解释型编程语言，它允许在客户端进行动态交互，包括表单验证，确保用户输入的数据符合预设的条件。 描述中提到，这个脚本能够验证非空和数值等。这意味着它可能包含了基本的...
Validate验证脚本就是JavaScript实现的一种表单验证技术，用于确保用户输入的数据符合预设的规则，防止无效或有害的数据提交到服务器，提高用户体验并保障数据安全。 在JavaScript中，validate验证通常涉及以下几个...
总结来说，"表单验证脚本"是Web开发中的重要组成部分，涉及到前端和后端的数据检查，目的是确保用户提交的信息准确、安全且符合业务规则。`Login.html`文件中可能包含了这些验证的实现，通过对HTML表单的交互和...
三、表单验证 1. 验证函数：在JS中，我们可以编写函数来检查用户输入的数据是否符合预期格式。例如，检查用户名是否为空、长度是否合适，密码是否符合复杂性规则等。 2. 正则表达式：正则表达式是用于模式匹配的强大...
"简单的表单验证"这个主题，通常涉及到JavaScript（JS）这一前端脚本语言，用于实现客户端的验证功能。在不依赖服务器的情况下，JavaScript可以在用户提交表单前实时检查输入内容，提升用户体验并减轻服务器负担。 ...
3. **事件处理**：表单验证通常与表单事件关联，如`onsubmit`（表单提交时触发）、`onchange`（输入框内容改变时触发）和`onblur`（输入框失去焦点时触发）。 4. **自定义验证函数**：通过`addEventListener`或`...
"dw表单验证高级插件-asp表单验证高级插件-测试通过"这个标题暗示了我们正在讨论的是一个针对Dreamweaver的高级插件，用于增强ASP（Active Server Pages）平台上的表单验证功能，并且已经通过了测试，证明其功能稳定...
7. **表单提交前的全面验证**：在用户点击提交按钮后，执行一次全面的验证，确保所有字段都符合规则，防止非法数据提交到服务器。 8. **密码确认**：对于需要输入密码的场景，通常会要求用户再次输入以确认无误，这...
JavaScript（简称JS）是网页开发中用于实现动态交互的重要脚本语言，特别是在处理用户输入时，表单验证显得尤为重要。这个资源包显然提供了一个全面的JS表单验证解决方案，包括了正则表达式和作者自编的验证逻辑，...
在IT领域，表单验证是用户体验中的重要环节，它确保用户输入的数据符合应用程序或网站的预期格式和要求。"漂亮的表单验证效果"这个主题强调了不仅需要验证数据的正确性，还要注重验证过程的视觉反馈，提升用户的交互...
在JavaScript（JS）前端开发中，表单验证是不可或缺的一部分，它确保用户输入的数据符合预设的规则，从而提高用户体验并减少服务器端的处理压力。本文将深入探讨JS前端表单验证的相关知识点。 首先，我们要了解表单...
1. 表单验证：检查输入字段的值，如非空、长度限制、格式校验（如邮箱、电话号码）等。 2. 数据类型验证：确保输入的数据符合预期类型，如数字、日期、布尔值等。 3. 范围验证：限制数值或日期在特定范围内。 4. ...
对于表单验证，jQuery提供了一种高效且用户友好的方法，使得开发者能够轻松地实现对用户输入数据的有效性检查。本示例主要关注如何使用jQuery来创建吸引人的表单验证特效。 1. **基本概念**：jQuery表单验证的核心...
本文将深入探讨Struts中的表单验证，这是构建用户交互界面时一个至关重要的部分。 表单验证是在用户提交数据前检查输入的有效性，以确保数据的完整性和安全性。在Struts框架中，表单验证通常通过两个主要方式实现：...
此外，还可以参考其他流行的Vue表单验证库，如`vee-validate`、`async-validator`或`vuelidate`，对比它们的特点和适用场景，以选择最适合项目需求的解决方案。 总之，Vue表单验证插件是解决复杂表单验证问题的有效...