首頁 > web前端 > js教程 > jQuery簡單實作驗證郵件信箱格式_jquery

jQuery簡單實作驗證郵件信箱格式_jquery

WBOY
發布: 2016-05-16 15:50:15
原創
1329 人瀏覽過

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

<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>
登入後複製

以上程式碼實作了簡單的信箱驗證,程式碼賦值黏貼後即可使用。

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板