使用Jquery 前端验证

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

以下简写，仅供参考：

页面代码：

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

<input  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("验证失败！");
                                ｝
				})