js验证注册页面(用户名、手机号、邮箱、单位名称、单位地址、联系人姓名、)

最新推荐文章于 2023-04-10 15:31:41 发布
最新推荐文章于 2023-04-10 15:31:41 发布
阅读量3.2k 收藏 6
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44310899/article/details/100983943
版权
本文介绍如何利用JavaScript和jQuery进行注册页面的验证，包括用户名、手机号、邮箱、单位名称、单位地址和联系人姓名等字段的校验方法。
摘要由CSDN通过智能技术生成

使用js+jQuery验证注册页面

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@include file="/common/global.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>

<script src="${basePath}/common/jquery-1.8.0.min.js"
	type="text/javascript"></script>
<script type="text/javascript">
	function checkname() {
		var name = $("#name").val();
		var rel = /^[a-zA-Z][a-zA-Z0-9_]{5,15}$/;
		if (name == "") {
			alert("用户名不能为空!");
			return false;
		} else if (rel.test(name) != true) {
			alert("用户名格式不正确!");
			return false;
		}
	}

	/*手机验证 */
	function checkmobile() {
		var mobile = $("#mobile").val();
		var rel = /^[1][3578][0-9]{9}$/;
		if (mobile == "") {
			alert("手机号不能为空!");
			return false;
		} else if (rel.test(mobile) != true) {
			alert("手机号格式不正确!");
			return false;
		}
		return true;
	}

	/*邮箱验证  */
	function checkemail() {
		var email = $("#email").val();
		var rel = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		if (email == "") {
			alert("邮箱不能为空!");
			return false;
		} else if (rel.test(email) != true) {
			alert("邮箱格式不正确!");
			return false;
		}
		return true;
	}

	/*单位名称  */
	function che
最低0.47元/天 解锁文章
weixin_44310899
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js写的注册页面验证
Chujianlong321的博客
05-30 2859
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> //用户名校验方法 function checkName(){ var reg=/...
javascript用户注册及验证
12-16
javascript学习中关于表单提交和用户输入信息的验证。
使用正则表达式验证注册页面（用户名，密码，确认密码，邮箱，手机号）
热门推荐
斯维特哈特
01-18 2万+
原文链接： 使用正则表达式验证注册页面（用户名，密码，确认密码，邮箱，手机号） html部分 &lt;style type="text/css"&gt; body{ margin:0; padding:0; font-size:12px; line-height:20px; } .main{ width:525px; margin-left:...
HTML简单注册页面
qq_42553504的博客
04-07 193
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <style> body { background-color: cornsilk; } .center { text-align: center;
总结骏汇项目的一些js问题（四）之公司中文名称与公司英文名称之提交
Heidi
09-14 790
项目中遇到的一些琐碎的小逻辑，虽然这些小问题不仔细观察不能发现其中的关系，但是我们作为开发还是必须要注意的。虽然作为一个标题党只写了公司中文名称和公司英文名称这个逻辑，但是我还是要仔细地说一下下面这几个问题。 其一，要讲的如标题，是关于公司中文名称和公司英文名称提交的问题 其二，要讲的是附件上传的问题，逻辑比较简单，但是需要注意细节 其三，要讲的是输入金额的时候，从右往左能够每隔3个数字用逗...
校验规则自定义（身份证、姓名、企业名称、统一社会信用代码、手机号码、登录密码、二次登录密码、验证码）
hfyldx的博客
02-11 1392
切换用户类型分别校验对应的字段 注册为例，分别有两个注册类型 2是企业 3是专家 var validatesfz = async (rule, value, callback) => { if (!value) { return callback(new Error("请输入身份证")); } // 定义flag来接收yz里面的哪个方法（value传的值） var pattern = /(^\d{15}$)|(^\d{18}$
JS验证_密码用户名手机号码用户姓名
12-04
- **应用场景**：适用于注册或登录页面中的用户名验证。 #### 2.2 用户姓名验证 ```javascript var reg = /^[a-zA-Z\u4e00-\u9fa5][a-zA-Z\u4E00-\u9FA5]{3,20}$/; ``` - **解释**：该正则表达式用于验证用户姓名。...
javaScript 简单验证代码（用户名，密码，邮箱)
11-30
在这个示例中，我们看到的是一个简单的JavaScript验证代码，用于检查用户在注册表单中输入的用户名、密码和电子邮件是否符合特定的格式要求。下面将详细解释这段代码中的各个功能和知识点： 1. **函数定义**： - `...
html注册手机号验证,js正则表达式验证手机号码,用户名和邮箱
weixin_42165583的博客
06-11 2194
1，验证手机号码、用户名、邮箱hangge.com//对象选择器function $sel(id,tabname){if(id!="" && tabname!=""){var tem_obj=document.getElementById(id);return tem_obj.getElementsByTagName(tabname);}else if(id!=""){return...
统一社会信用代码校验(JS)
06-07
用js写的校验统一社会信用代码，项目中用到的，测试可用。
Tableau-fakejs:使用fakejs（姓名，名字，专业，地址，电话号码，年龄）创建包含多个虚假信息的大表
04-11
木板 使用fakejs（姓名，名字，专业，地址，电话号码，年龄）创建包含多个虚假信息的大表
js注册检测 用户名、密码、手机号、邮箱
12-09
JS注册检测是指在用户注册时对用户名、密码、手机号、邮箱等信息进行检测，以确保用户输入的信息合法有效。本文将详细介绍JS注册检测的实现过程和检测原理。 一、用户名检测 用户名检测是指检测用户输入的用户名...
js手机号验证码注册
weixin_45080962的博客
04-06 896
js详细部分 说明： 1.开始输入手机号， 判断手机号是否符合格式，符合格式则获取验证码及注册的按钮样式发生改变 。 2.此时点击获取验证码，向后台请求验证码，请求成功则开始验证码倒计时，否侧返回提示信息。 3.最后输入手机验证码，点击注册按钮， 判断手机号验证码是否填写， 如果填写请求后台url提交信息 否则返回提示信息。 /* 微信注册页面 */ window.onloa...
用原生JS写注册页面，正则表达式验证手机号和密码，编写一个简约模板
weixin_43400431的博客
07-17 2051
这是一个简单的注册页面，DOM事件onclick,onblur(失去焦点）。 大概写个简单的页面，包含手机号、输入密码、确认密码（其中密码可以显示或隐藏）。 当所有条件未成立的时候，将会显示填写信息有误。 关于图片的小建议：里面有睁眼和闭眼的图片，可以去阿里巴巴矢量图标库去自行下载，可以自行调整大小。 下面是完整代码部分： HTML部分： <div class="register"> <div class="tel-box"> 手机号：<input cl
js提取企业名称的关键字（简称），生成文字LOGO
Z.Dragon 的博客
06-03 3705
> 实现思路： > > 1、判断用户键入的字符串长度，长度 2、判断字符串是否以 “xx省” 开头，如果是则删除该部分 > 3、判断字符串是否以 “xx市” 开头，如果是则删除该部分 > 4、判断字符串后缀是否以 “xxxx” 结尾，例如“有限公司”，如果是则删除该部分 > 5、判断字符串中是否存在特殊符号，例如 “（xxxx）”，如果存在则删除该部分 > 6、考虑“不是常规的”企业名称（以上过滤截取过程均被跳过），或者以上过程截取完之后长度 >4 ，则直接截
常用js正则表达校验
最新发布
正一品程序员的博客
04-10 249
用到的公共方法，不能含有特殊字符。
js验证姓名、手机号
pursue.dreams的博客
05-03 537
var phone = document.getElementById('phone').value; var regName =/^[\u4e00-\u9fa5]{2,4}$/;//姓名正则表达式 if(!(/^1[3456789]\d{9}$/.test(phone))){//手机号正则表达式 alert("手机号码有误，请重填")...
正则 纳税号_JS常见简单正则表达式验证功能小结【手机,地址,企业税号,金额,身份证等】...
weixin_39743423的博客
12-22 2703
本文实例总结了JS常见简单正则表达式验证功能。分享给大家供大家参考，具体如下：下面都是一些比较常用简单的验证，像那些特殊的复杂的情况这里不进行考虑1、验证电话号码或者手机号码/*** 验证电话号码(手机号码+电话号码)* @param obj* @returns {Boolean}*/function checkPhoneNum(obj){if(/^((\d{3}-\d{8}|\d{4}-\d{7...
用HTML和js做一个注册页面 包含用户名 密码 邮箱 手机号 验证码并做基本验证
04-01
以下是一个简单的注册页面，包含了用户名、密码、邮箱、手机号和验证码，并且实现了基本验证： ```html <!DOCTYPE html> <html> <head> <title>注册页面</title> <script type="text/javascript"> function validateForm() { var username = document.forms["registerForm"]["username"].value; var password = document.forms["registerForm"]["password"].value; var email = document.forms["registerForm"]["email"].value; var phone = document.forms["registerForm"]["phone"].value; var captcha = document.forms["registerForm"]["captcha"].value; // 验证用户名 if (username == "") { alert("用户名不能为空！"); return false; } // 验证密码 if (password == "") { alert("密码不能为空！"); return false; } // 验证邮箱格式 var emailRegex = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/; if (!emailRegex.test(email)) { alert("邮箱格式不正确！"); return false; } // 验证手机号格式 var phoneRegex = /^1[3456789]\d{9}$/; if (!phoneRegex.test(phone)) { alert("手机号格式不正确！"); return false; } // 验证验证码 if (captcha == "") { alert("验证码不能为空！"); return false; } } </script> </head> <body> <h1>注册页面</h1> <form name="registerForm" onsubmit="return validateForm()" method="post"> <label>用户名：</label> <input type="text" name="username"><br> <label>密码：</label> <input type="password" name="password"><br> <label>邮箱：</label> <input type="text" name="email"><br> <label>手机号：</label> <input type="text" name="phone"><br> <label>验证码：</label> <input type="text" name="captcha"><br> <input type="submit" value="注册"> </form> </body> </html> ``` 在这个页面中，我们通过 `document.forms` 获取表单元素，然后对用户输入的内容进行验证。如果某个输入框为空或格式不正确，就弹出提示框并返回 `false`，阻止表单提交。如果所有输入框都通过了验证，就返回 `true`，表单可以提交。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值