使用Jquery 前端验证-优快云博客

本文详细介绍了一个使用JQuery实现的邮箱验证功能，包括如何通过正则表达式检查邮箱格式的正确性，以及如何在用户提交表单时触发验证过程。文章提供了完整的代码示例，适合初学者学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

只做一个邮箱的验证，其他的原理一样，方法一样。

以下简写，仅供参考：

页面代码：

<input id="mail" type="text" name="mail"/>邮箱号；

<input id="submit" type='button'>

Jquery代码：

 先写一个验证函数，也可以直接在函数中验证。

function CheckMail() {
			var mail = $("#mail").val();//获取邮箱的值
			if (mail == "") {//判断是否为空
				alert("请您输入邮箱！");//错误信息
				return false;
			}
			else {
				var reg = /^[_a-zA-Z\d\-\.]+@[_a-zA-Z\d\-]+(\.[_a-zA-Z\d\-]+)+$/;//邮箱验证正则表达式。 if(!reg.test($("#mail").val())//验证邮箱格式是否正确。
				{
				   alert("对不起您输入的邮箱格式不正确！");
				  return  false;
				}
				else
				{
				
				return  true
				}
			}
		}

以上是邮箱的验证

当提交按钮被点击时：

$("#submit").click(function () {
				if (check_email() == true）
								{
                            alert("验证成功")；
							 } 
                        else
                        ｛
                            alert("验证失败！");
                                ｝
				})

转载于:https://www.cnblogs.com/BungeeJumping/archive/2012/02/09/2343900.html