javaweb 用jquery实现表单验证(用户登录)

news/2024/7/10 22:35:36 标签: jquery, 正则表达式, javascript

思路:用$()获取对象,取值,利用正则表达式检查。

在这里插入图片描述

javascript"><script type="text/javascript">
			// 页面加载完成之后
			$(function () {
				// 给注册绑定单击事件
				$("#sub_btn").click(function () {
					// 验证用户名:必须由字母,数字下划线组成,并且长度为5到12位
					//1 获取用户名输入框里的内容
					var usernameText = $("#username").val();
					//2 创建正则表达式对象
					var usernamePatt = /^\w{5,12}$/;
					//3 使用test方法验证
					if (!usernamePatt.test(usernameText)) {
						//4 提示用户结果
						$("span.errorMsg").text("用户名不合法!");

						return false;
					}

					// 验证密码:必须由字母,数字下划线组成,并且长度为5到12位
					//1 获取用户名输入框里的内容
					var passwordText = $("#password").val();
					//2 创建正则表达式对象
					var passwordPatt = /^\w{5,12}$/;
					//3 使用test方法验证
					if (!passwordPatt.test(passwordText)) {
						//4 提示用户结果
						$("span.errorMsg").text("密码不合法!");

						return false;
					}

					// 验证确认密码:和密码相同
					//1 获取确认密码内容
					var repwdText = $("#repwd").val();
					//2 和密码相比较
					if (repwdText != passwordText) {
						//3 提示用户
						$("span.errorMsg").text("确认密码和密码不一致!");

						return false;
					}

					// 邮箱验证:xxxxx@xxx.com
					//1 获取邮箱里的内容
					var emailText = $("#email").val();
					//2 创建正则表达式对象
					var emailPatt = /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/;
					//3 使用test方法验证是否合法
					if (!emailPatt.test(emailText)) {
						//4 提示用户
						$("span.errorMsg").text("邮箱格式不合法!");

						return false;
					}

					// 验证码:现在只需要验证用户已输入。因为还没讲到服务器。验证码生成。
					var codeText = $("#code").val();

					//去掉验证码前后空格
					// alert("去空格前:["+codeText+"]")
					codeText = $.trim(codeText);
					// alert("去空格后:["+codeText+"]")

					if (codeText == null || codeText == "") {
						//4 提示用户
						$("span.errorMsg").text("验证码不能为空!");

						return false;
					}

					// 去掉错误信息
					$("span.errorMsg").text("");

				});

			});

		</script>

http://www.niftyadmin.cn/n/1234131.html

相关文章

tortoiseGit fatal: Could not read from remote repository.

1、问题场景&#xff1a; 使用tortoiseGit工具pull代码的时候报错 git.exe pull --progress -v --no-rebase "origin" fatal: Could not read from remote repository. Please make sure you have the correct access rights and the repository exists. 无法从存…

三重for循环优化_求N以内所有质数的算法及优化

问题&#xff1a;输入一个正整数 N&#xff08;N > 2&#xff09;&#xff0c;求小于 N 的全部质数。质数&#xff0c;就是除了1和它本身外不存在其他任何因子的数。1、基本循环法循环法&#xff1a;利用质数的定义&#xff0c;循环判断该数除以比它小的每个自然数&#xff…

TCP通信Socket编程----传输不同数据类型。

更新记录】&#xff1a;2021.12.29、 TCP通信传输字符串和浮点数。 作业题目说明&#xff1a;“实现基于TCP的socket通信&#xff0c;完成字符串、浮点数据的传输。” mine_&#xff1a;我之前是想直接将用户输入的传过去就行了&#xff0c;但这样其实就是字符串形式传输了。…

C++容器以及迭代器

迭代器的简介 &#xff08;1&#xff09;&#xff1a;迭代器类似于指针类型&#xff0c;它也提供了对对象的间接访问。 &#xff08;2&#xff09;&#xff1a;指针是c语言中就有的东西&#xff0c;迭代器是c中才有的&#xff0c;指针用起来灵活高效&#xff0c;迭代器功能更…

如何用vs下载python第三方库_如何使用VScode引入python第三方模块

pip 是 Python 包管理工具&#xff0c;该工具提供了对Python 包的查找、下载、安装、卸载的功能。通过pip引入第三方模块(如果已经安装了pip&#xff0c;直接进入第五步)比如我要引入cv21、打开vscode2、打开终端3、输入pip install cv2受到警告WARNING: You are using pip ver…

绘制骰子 in Python

更新记录】2021.12.30 “绘制骰子 in Python”&#xff0c;说明】Python字符串方法的运用。主要是这个转换的方法有点绕&#xff0c;理清思路就好。 Python绘制筛子 #从ipynb文件中复制过来的&#xff0c;不知为什么就串位了。 dice_tpl \ ┌───┐,┌───┐,┌───┐,…

信息熵及其数学模型

信息量的度量&#xff1a; 一般情况&#xff0c;我们用概率的倒数的对数函数来表示某一个事件&#xff08;某一个符号&#xff09;出现所带来的信息量。 每个符号的自信息量&#xff1a; I(ai) log(1/p)&#xff0c;单位是bit 越确定>信息大>熵就越小&#xff0c;任何…

开关电源仿真与设计基于spice 第2版 中译本_新书通告/电气工程与设计

我头脑中有一些东西&#xff0c;也可能是兴高采烈的年轻人所常有的幻想。不过如果我有幸得以实现其中一些理念的话&#xff0c;这个成就将属于全人类。——尼古拉特斯拉&#xff0c;18925G无线网络规划与设计1电气工程手册&#xff1a;电力电子.电机驱动2本书讲述了工业电子领域…