<!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. **日期验证**:检查日期格式...