开发验证字段，但是提交按钮不起作用！ [英] developing validation fields but submit button not working!
本文介绍了开发验证字段，但是提交按钮不起作用！的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
<html>
<head>
<script>
<!--trim fn for ignoring white spaces-->
function trim(s)
{
return s.replace( /^\s*/, "" ).replace( /\s*$/, "" );
}
<!--Email Validation fn-->
var emailfilter=/^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i
function checkmail(e)
{
var returnval=emailfilter.test(e.value)
if (returnval==false)
{
alert("Please enter a valid email address.")
e.select()
}
return returnval
}
<!--Total textbox validation-->
function validate()
{
var vFN=trim(document.frm.FN.value);
var vLN=trim(document.frm.LN.value);
var vEM=trim(document.frm.EM.value);
if(vFN=="")
{
alert("Enter your First Name");
document.frm.FN.focus();
return false;
}
else if(vLN=="")
{
alert("Enter your Last Name");
document.frm.LN.focus();
return false;
}
else if(vEM=="")
{
alert("Enter your Email Address");
document.frm.EM.focus();
return false;
}
else
{
checkmail(document.frm.EM);
document.frm.EM.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form name="frm" method="post" action="hi.html" onSubmit="return validate();">
<p>First Name: <input type="text" name="FN" /><br></p>
<p>Last Name: <input type="text" name="LN" /><br></p>
<p>Email Address: <input type="text" name="EM" /><br></p>
<p><input type="submit" name="goTo" value="Save"/></p>
</form>
</body>
</html>
推荐答案
/，")； } <！- 电子邮件验证fn -> var emailfilter =/^ \ w + [\ + \.\ w-] * @([\ w-] + \.)* \ w + [\ w-] * \.([az] {2,4} | \ d +)
/, "" ); } <!--Email Validation fn--> var emailfilter=/^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)
/i 功能检查邮件(e) { var returnval = emailfilter.test(e.value) 如果(returnval == false) { alert(请输入一个有效的电子邮件地址.") e.select() } 返回returnval } <！- 总的文本框验证 -> 函数validate() { var vFN = trim(document.frm.FN.value); var vLN = trim(document.frm.LN.value); var vEM = trim(document.frm.EM.value); if(vFN ==") { alert(输入您的名字"); document.frm.FN.focus(); 返回false； } 否则if(vLN ==") { alert(输入您的姓氏"); document.frm.LN.focus(); 返回false； } 否则if(vEM ==") { alert(输入您的电子邮件地址"); document.frm.EM.focus(); 返回false； } 别的 { checkmail(document.frm.EM); document.frm.EM.focus(); 返回false； } 返回true； } < /script > < /head > < 正文 > < 表单 =" frm" =" 发布" 动作 =" =" 返回validate();" < p > 名字: < 输入 =" 文本" 名称 FN" / > < br > /p < p > 姓: < 输入 =" 文本" 名称 LN" / > < br > /p < p > 电子邮件地址: < 输入 =" 文本" 名称 EM" / > < br > /p < p > < 输入 =" 提交" 名称 =" 值 =" > /p < /form > < /body > < /html >
/i function checkmail(e) { var returnval=emailfilter.test(e.value) if (returnval==false) { alert("Please enter a valid email address.") e.select() } return returnval } <!--Total textbox validation--> function validate() { var vFN=trim(document.frm.FN.value); var vLN=trim(document.frm.LN.value); var vEM=trim(document.frm.EM.value); if(vFN=="") { alert("Enter your First Name"); document.frm.FN.focus(); return false; } else if(vLN=="") { alert("Enter your Last Name"); document.frm.LN.focus(); return false; } else if(vEM=="") { alert("Enter your Email Address"); document.frm.EM.focus(); return false; } else { checkmail(document.frm.EM); document.frm.EM.focus(); return false; } return true; } </script> </head> <body> <form name="frm" method="post" action="hi.html" onSubmit="return validate();"> <p>First Name: <input type="text" name="FN" /><br></p> <p>Last Name: <input type="text" name="LN" /><br></p> <p>Email Address: <input type="text" name="EM" /><br></p> <p><input type="submit" name="goTo" value="Save"/></p> </form> </body> </html>
您的代码非常适合我..，没有错误..，
Your code is Perfectly working for me.., There is no Error..,
这篇关于开发验证字段，但是提交按钮不起作用！的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
