<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>JS 正则验证表单</title>
</head>
<body>
<form action="###a" method="post" onSubmit="javascript:return check();" name="myform" target="_blank">
<ul>
<li>
<span>姓名</span>
<input type="text" name="username" onfocus="if(this.value==this.defaultValue){this.value='';};" onblur="if(this.value==''){this.value=this.defaultValue;}" value="您的姓名">
</li>
<li>
<span>电话</span>
<input type="text" name="phone" onfocus="if(this.value==this.defaultValue){this.value='';};" onblur="if(this.value==''){this.value=this.defaultValue;}" value="您的电话号">
</li>
<li><span>描述</span>
<input type="text" name="cont" onFocus="if(this.value==this.defaultValue){this.value='';};" onBlur="if(this.value==''){this.value=this.defaultValue;}" value="请输入描述内容">
</li>
</ul>
<button type="submit">提交信息</button>
</form>
<script type="text/javascript">
function check(){
if(document.myform.username.value=="" || document.myform.username.value=="您的姓名"){
alert("请填入您的姓名");
document.myform.username.focus();
return false;
}
if(!document.myform.username.value.match(/^[\u4e00-\u9fa5]{2,5}$/)){
alert("姓名输入有误");
document.myform.username.focus();
return false;
}
if(document.myform.phone.value==""||document.myform.phone.value=="您的电话号"){
alert("请输入您的联系电话");
document.myform.phone.focus();
return false;
}
if(!document.myform.phone.value.match(/^(^(\d{3,4}-)?\d{7,8})$|(1[358]{1}[0-9]{9})$/)){
alert("联系电话格式不正确");
document.myform.phone.focus();
return false;
}
if (document.myform.cont.value==""||myform.cont.value=="请输入描述内容"){
alert("请输入描述内容");
document.myform.cont.focus();
return false;
}
return true;
}
</script>
</body>
</html>
效果图：
相关推荐
**一、JavaScript正则验证** 1. **创建正则表达式对象**：在JS中，我们可以通过构造函数`RegExp`来创建一个正则对象，例如`var pattern = new RegExp("^[a-zA-Z0-9]+$")`，这个正则表达式将匹配仅包含字母和数字的...
js正则表达式表单验证小案例
JavaScript（简称JS）正则表达式是前端开发中不可或缺的一部分，尤其在表单验证中扮演着重要角色。正则表达式是一种模式匹配工具，能够用来检查一个字符串是否符合某种预定义的规则。在这个名为"js正则表达式表单...
比较实用的javascript做的表单验证，验证的表单域包括用户名、密码、密码确认、密码提示问题、邮箱、手机号码、身份证。表单域基本通过获得焦点显示...提交表单先进行必填项不能为空验证，再进行正则表达式匹配验证。
### JavaScript正则表达式在表单验证中的应用详解 在Web开发中，表单验证是确保数据质量和用户体验的重要环节。JavaScript正则表达式提供了一种强大的工具，用于前端数据校验，确保用户输入的数据格式正确无误。...
本资源包“JS input正则验证大全”主要聚焦于使用JavaScript进行输入框（input）的各种类型的数据验证，包括英文、中文、邮箱、手机号、银行卡和身份证等常见字段的正则校验规则。以下是对这些知识点的详细说明： 1...
HTML5的`required`属性就是一个简单的非空验证方式，如果用户未填写该字段，提交表单时会触发错误。在jQuery中，我们可以通过`$.trim()`方法去除前后空格，再检查字符串长度，以实现更精细的非空验证。 5. **事件...
2. **提交前验证**：在用户尝试提交表单之前，一次性检查所有字段。这种方式可以确保所有数据都符合要求，但可能无法提供逐个字段的即时反馈。 3. **服务器端验证**：即使前端验证通过，仍需在服务器端进行验证，以...
### JavaScript正则表达式表单验证知识点解析 在Web开发中，前端表单验证是非常重要的一个环节，它能够有效提高用户体验并确保数据的有效性。JavaScript中的正则表达式是实现这一功能的重要工具之一。本文将根据...
本案例“JS正则验证注册表单”聚焦于利用JavaScript的正则表达式进行前端验证，主要涉及到手机号码、验证码、身份证号、用户名和密码等常见字段的验证。下面将详细介绍这些知识点。 1. **正则表达式**：正则表达式...
正则表达式是一种强大的文本处理工具，用于匹配、查找、替换等操作，广泛应用于表单验证中。在网页开发或应用程序设计中，表单验证是必不可少的环节，它确保用户输入的数据符合预设的规则，从而提高数据质量和系统...
"javascript表单正则验证自定义提示"这一主题聚焦于利用正则表达式（Regular Expressions）进行表单验证，并通过自定义提示来优化用户交互。 正则表达式是一种强大的文本处理工具，它可以用来匹配、查找、替换和...
这个"js正则验证规则大全"提供了多种常见的验证规则，包括必填、邮箱、电话、手机号码、网址、身份证号、货币、数字、邮政编码、QQ号、整数、浮点数、英文字符、中文字符、用户名安全性和自定义正则表达式等。...
开发者可以在`<input>`标签中使用`pattern`属性，直接指定一个正则表达式，当用户提交表单时，浏览器会自动检查输入值是否符合该模式。例如，`请输入三位数-四位数格式的电话号码">`将强制用户输入符合电话号码格式...
js正则表达式校验数字、email、身份证号等
几乎包含了所有的表单验证，通过JavaScript加上正则表达式实现 几乎包含了所有的表单验证，通过JavaScript加上正则表达式实现
JavaScript正则表达式是用于处理文本字符串的强大工具，它在前端开发中经常被用来进行数据验证，例如表单验证。正则表达式是由特殊字符和普通字符组成的模式，用于匹配和处理文本。以下是对给定内容中涉及的...