<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<script type="text/javascript">
validateNumber = function(id) {
var input = document.getElementById(id);
input.onkeypress = function() {
return event.keyCode >= 48 && event.keyCode <= 57
|| event.keyCode == 45 || event.keyCode == 43;
}
input.onbeforepaste = function() {
clipboardData.setData('text', clipboardData.getData('text').replace(
/[^-+\d]/g, ''));
}
input.style.imeMode = "disabled";
}
validateEmail = function(id){
var input = document.getElementById(id);
var emailRegex = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
var emailRegex2 = /^(?:\w+.?)*\w+@(?:\w+\.?)+\w+$/;
if(!emailRegex.test(input.value)){
alert("Email格式不对!");
input.value="";
}
}
validateLength = function(id,len){
var input = document.getElementById(id);
if(input.value.length<len)
alert("密码长度必须大于"+len+"位");
}
</script>
</HEAD>
<BODY>
<br><a>数字输入框:</a>
<input id="number" value="" onclick="validateNumber('number')">
<br>
<br><a>Email输入框:</a>
<input id="email" value="" onblur="validateEmail('email')">
<br>
<br><a>密码输入框:</a>
<input type="password" id="length" value="" onblur="validateLength('length',6)">
</BODY>
</HTML>
分享到：
相关推荐
本教程主要探讨JavaScript的数据验证，特别是电子邮件（email）验证，以及其他的验证技术，如URL验证、长度验证和数字验证。 1. **JavaScript数据验证基础**： JavaScript数据验证允许我们在用户提交数据之前检查...
该插件覆盖了多种常见的数据验证需求，如Email验证、日期验证、字符长度验证以及通用的格式验证。其核心实现策略是通过对象扩展的方式，对String原型进行扩展以及对默认的表单元素进行增强，并自定义了两个对象用于...
21. **验证Email地址**：`^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$` - 该表达式确保字符串是有效的电子邮件地址。 22. **验证Internet URL**：`^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$` - 该表达式...
最小长度验证 minlength 属性可以对输入字符串的最小长度进行验证，ValidateBox 将检查输入的字符串的长度是否大于或等于指定的最小长度，如果不符合，则提示“请输入至少（2）个字符”。 最大长度验证 maxlength...
21. **验证 Email 地址**：`^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$` 匹配标准的电子邮件地址格式。 22. **验证 Internet URL**： - `^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$` - `^[a-zA-z]+://(w+...
### 正则中的数字验证知识点详解 #### 一、引言 正则表达式是一种强大的文本处理工具，广泛应用于各种编程语言中，用于模式匹配、查找、替换等操作。本文档将详细介绍一系列与数字验证相关的正则表达式，旨在帮助...
对email只验证了@.必须出现且顺序要对，不能为空 2. 对于输入放入密码：第一个需要为字母，必须含有数字，长度有限制，不能为空 3. 再一次输入的密码和上一次的相同，不能为空 4. 姓名不含有数字，长度有限制，...
- `\w{1,3}`：匹配长度为1到3个字符的字母、数字或下划线。 ### 2. 手机号码验证 #### 2.1 数字验证 ```javascript function checkDigital(fieldName) { if (!(/^\d+$/.test(Trim(fieldName.value)))) { field...
- **n位的数字**：`^\d{n}$`，验证固定长度的数字串。 - **至少n位数字**：`^\d{n,}$`，确保数字至少有n位。 - **m-n位的数字**：`^\d{m,n}$`，验证数字长度在m到n之间。 - **零和非零开头的数字**：`^(0|[1-9][0-9]...
#### 二、数字验证的基本正则表达式 1. **验证纯数字**：`^[0-9]*$` - 这个表达式用于匹配任何数量的数字（包括0个）。例如，“123”、“007”都是有效的。 2. **验证n位数字**：`^\d{n}$` - 其中n是具体的位数...
联系电话验证：只允许数字输入 为了确保联系电话的有效性，程序应实时检测并阻止任何非数字字符的输入。这可以通过监听电话号码输入框的文本变化事件，并使用正则表达式或字符检查来实现。 #### b. 邮件地址验证：...
这个正则表达式可以验证多种电话号码格式，包括区号、国家代码和主叫号码，长度在6到7位之间。 #### 4. **手机号码格式验证** ```regex Mobile:/^((\(\d{3}\))|(\d{3}\-))?13\d{9}$/ ``` 专门用于验证中国大陆的...
类中的基础实现可能包括了常见的验证规则，如检查字符串长度、验证数字范围、验证日期格式等。这些内置的验证规则覆盖了大部分日常开发中的需求，减少了重复编写验证代码的工作量。此外，类可能还提供了错误消息的...
- **长度范围**：可以检查输入的字符或数字的长度是否在指定范围内。 - **函数回调**：允许开发者编写自定义函数来进行复杂验证。 - **AJAX**：对于需要与服务器交互的验证，如检查用户名是否已存在，可以利用AJAX...
5. **长度验证**：限制输入字段的字符数，如用户名不能超过20个字符，密码必须至少8个字符等。 6. **数字验证**：确保输入的是数字，例如年龄字段，可以使用`/^\d+$/`进行匹配。 7. **日期验证**：检查日期格式...