js的表单验证问题

以下是我在HTML页一个提交表单的大致内容,目前已经实现功能:如果name,email,enquiry这3个文本框为空值,则提示需要填入相应内容,如果3个文本框都非空,则... 以下是我在HTML页一个提交表单的大致内容,目前已经实现功能:如果name,email,enquiry这3个文本框为空值,则提示需要填入相应内容,如果3个文本框都非空,则提交成功,转到下一页面.
我想在现在此基础上再加一个函数验证email的正确性(用到正则表达式),并且给出"please correct your email"的提示,哪位高手帮在这段JS代码的基础上扩充一下,以实现验证功能(请顺带加注解,让我好理解).

请不要随便抄一段JS正则帖进来,那个对我没用,我只想把正则融进现有的代码,并好好体会,谢谢

<script language="javascript">
function check()
{
if(document.enquiry.name.value=="")
{
alert("please fill in your name");
return false;
}

if(document.enquiry.email.value=="")
{
alert("please fill in your email");
return false;
}
if(document.enquiry.enquiry.value=="")
{
alert("please fill in your enquiry");
return false;
}
}

<form name="enquiry" onsubmit="return check()" action="sub.asp" method="post">
<input name="name" type="text" class="textfield" id="name" size="18">
<input name="email" type="text" class="textfield" id="email" size="18">
<textarea name="enquiry" cols="85" rows="6" class="textfield" id="enquiry"></textarea>
</form> 展开

 我来答

3个回答

#热议# 发烧为什么不能用酒精擦身体来退烧？

韦涵涵
2009-04-10 · TA获得超过3892个赞

知道大有可为答主

回答量：1034

采纳率：100%

帮助的人：1515万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<base href="<%=basePath%>">
<script type="text/javascript">
function check()
{
if(document.enquiry.name.value=="")
{
alert("please fill in your name");
enquiry.name.focus();
return false;
}

if(document.enquiry.email.value=="")
{
alert("please fill in your email");
enquiry.email.focus();
return false;
}

var patrn=/^\w+@\w+\.((com)|(cn)|(com\.cn)|(net))$/;

var s=document.enquiry.email.value;
if(!patrn.exec(s)){
alert("please correct your email");
enquiry.email.focus();
return false;
}

if(document.enquiry.en.value=="")
{
alert("please fill in your enquiry");
enquiry.en.focus();
return false;
}
}
</script>
<title>javascript</title>
</head>
<body>
<form name="enquiry" action="sub.asp" method="post">
姓名：<input name="name" type="text" class="textfield" id="name" size="18"/> <br/>
邮箱：<input name="email" type="text" class="textfield" id="email" size="18"/> <br/>
询问：<textarea name="en" cols="85" rows="6" class="textfield" id="en"></textarea> <br/>
<input type="submit" value="提交" onclick="return check();">
</form>
</body>
</html>

非常精确的电子邮箱验证正则表达式....

已经正常运行并调试....

楼主可运行试试看...并且添加了输入错误后光标自动回到输入框中...

还在...心想楼主问这个问题我想楼主的正则表达式一定有所欠缺...

我还是把我学正则表达式的网址留给楼主把....楼主可以去看一下...

当然学一下更好...

http://www.javaeye.com/topic/30728

如果有什么不懂的可以百度HI问我...帮你解决...

祝楼主早日成功!!!!

已赞过 已踩过<

评论收起

北京勤哲软件技术

广告2025-01-03

勤哲Excel服务器软件2024，用Excel自动生成基于web，移动APP和PC的智能表单系统。软博会金奖产品，适合于各行各业的管理人员使用。

www.qinzhe.com

heruyi
2009-04-09 · TA获得超过558个赞

知道小有建树答主

回答量：197

采纳率：0%

帮助的人：177万

我也去答题访问个人页

关注

展开全部

<html>
<body>
<script language="javascript"> 
function check() 
{ 
if(document.enquiry.name.value=="") 
{ 
alert("please fill in your name"); 
return false; 
} 

if(document.enquiry.email.value=="") 
{ 
alert("please fill in your email"); 
return false; 
}

if(!/^\w+[@]\w+[.]\w+$/.test(document.enquiry.email.value)) 
// /^\w+[@]\w+[.]\w+$/ 用该正则来匹配你输入的document.enquiry.email.value的值,如果匹配就返回true,否则false
// 前面加了个!表示如果不匹配就进入if.
{ 
alert("please correct your email"); 
return false; 
}
 
if(document.enquiry.enquiry.value=="") 
{ 
alert("please fill in your enquiry"); 
return false; 
} 
} 
</script>
<form name="enquiry" onsubmit="return check()" action="sub.asp" method="post"> 
<input name="name" type="text" class="textfield" id="name" size="18"> 
<input name="email" type="text" class="textfield" id="email" size="18"> 
<textarea name="enquiry" cols="85" rows="6" class="textfield" id="enquiry"></textarea> 
<input type="submit" value="提交"/>
</form>
</body> 
</html>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起