正則表達式驗證表單

//使用正則表達式截取空格
	function trim(s)
	{
	return s.replace(/^\s*/,"").replace(/\s*$/,"");
	}
	//表單驗證
	function check()
	{
	var form=document.forms[0];
	//錯誤字符串
	var errStr = "";
	//當用戶名爲空
	if (trim(form.user.value) == null || trim(form.user.value) == "")
	{
		errStr += "\n用戶名不能爲空!";
		form.user.focus();
	}
	//當密碼爲空
	if (trim(form.pass.value) == null || trim(form.pass.value) == "")
	{
		errStr += "\n密碼不能爲空!";
		form.pass.focus();
	}
	//當電子郵件爲空
	if (trim(form.email.value) == null || trim(form.email.value) == "")
	{
		errStr += "\n電子郵件不能爲空!";
		form.email.focus();
	}
	//使用正則表達式校驗電子郵件的格式是否正確
	if(!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(trim(form.email.value)))
	{
		errStr += "\n電子郵件的格式不正確!";
		form.email.focus();
	}
	
		//若是錯誤字符串不爲空,代表校驗出錯
	if( errStr != "" )
	{
		//彈出出錯信息
		alert(errStr);
		//返回false,用於阻止表單提交
		return false;
	}
	}

HTML html

<div align="center">
<form method="post" onsubmit="return check();" 
	name="register" action="http://www.crazyit.org">
	用戶名:<input type="text" name="user" /><br />
	密&nbsp;&nbsp;碼:<input type="password" name="pass" /><br />
	電&nbsp;&nbsp;郵:<input type="text" name="email" /><br />
	<input type="submit" value="提交" />
</form>
</div>
相關文章
相關標籤/搜索