最近在寫一個投票的程式,用到電子信箱的驗證,所以在這裡提供一個利用正規表示式,來驗證電子信箱輸入是否正確。

一、首先將電子信箱的欄位值放入 email 的變數中。
二、判斷是否有輸入值。
三、宣告電子信箱的規則運數式,利用 test 來判斷是否正確。
四、不正確的話:出現警告訊息,並全選該欄位。

 jQuery寫法

var email = $('#vote_email').attr('value');
if(email==''){
	alert('請輸入電子信箱');
	$('#vote_email').focus();
	return false;
}else{
	var emailRegxp = /[\w-]+@([\w-]+\.)+[\w-]+/; //2009-2-12更正為比較簡單的驗證
	if (emailRegxp.test(email) != true){
		alert('電子信箱格式錯誤');
		$('#vote_email').focus();
		$('#vote_email').select();
		return false;
	}
}

 
一般寫法

var email = document.getElementById('vote_email').value;
if(email==''){
	alert('請輸入電子信箱');
	document.getElementById('vote_email').focus();
	return false;
}else{
	var emailRegxp = /^([\w]+)(.[\w]+)*@([\w]+)(.[\w]{2,3}){1,2}$/;
	if (emailRegxp.test(email) != true){
		alert('電子信箱格式錯誤');
		document.getElementById('vote_email').focus();
		document.getElementById('vote_email').select();
		return false;
	}
}


此外,再補充一個可以判斷日期或生日的規則運算式,可以判斷輸入的格式是否為 yyyy/mm/dd 或是 yyyy-mm-dd

var dobRegxp = /^([0-9]){4}(\/|-){1}([0-9]){2}(\/|-) ([0-9]){2}$/;


創作者介紹

設計自己也設計別人

jaichang2008 發表在 痞客邦 PIXNET 留言(0) 人氣()