Jquery验证Email邮箱格式的代码(jsp环境)

发布时间:2019-10-28编辑:脚本学堂
本文介绍一个在jsp环境中,使用Jquery验证Email邮箱格式的代码,有需要的朋友,可以参考下。

代码如下:
 

复制代码 代码示例:
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
       <title>jquery验证邮箱格式_www.jb200.com</title>
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">  
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
<script type="text/javascript" src="JavaScript/jquery-1.4.js"></script>
  </head>
   <body>
  <script>
  function check(){
   if($("#email1").val()==""){ 
    alert("邮箱不能为空");
    $("#tips").html("不能输入空的");
   return FALSE;    
   }
   if(!$("#email1").val().match(/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/)){
     alert("格式不正确!请重新输入");
     $("#email1").focus();   
   } 
}
</script>
<form action="#">
<input type="text" id="email1"><br><span id="tips"></span><br>
<input type="button" value="提交" onclick="check()">
</form>
</body>
</html>