本文介绍了开发验证字段,但是提交按钮不起作用!的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

<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>

推荐答案




这篇关于开发验证字段,但是提交按钮不起作用!的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-02 07:11