DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> jQuery簡單實現驗證郵箱格式
jQuery簡單實現驗證郵箱格式
編輯:關於JavaScript     

在表單提交的時候可能需要用到郵箱驗證代碼,代碼比較簡單,就是郵箱格式的判斷,如果說有難點可能就是關於正則表達式的使用,這裡就不多說了,大家可以自行查詢,下面就給出一段可以使用的驗證代碼,復制黏貼即可。
代碼實例如下:

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("#bt").click(function(){
  if($("#email1").val()=="")
  {
   alert("郵箱不能為空");
   return false;
  }
  var email=$("#email1").val();
  if(!email.match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/))
  {
   alert("格式不正確!請重新輸入");
   $("#email1").focus();
  }
 })
})
</script>
</head>
<body>
 <form action="#">
 <input type="text" id="email1">
 <input type="button" value="提交" id="bt">
 </form>

以上代碼實現了簡單的郵箱驗證,代碼賦值黏貼後即可使用。

以上所述就是本文的全部內容了,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved