电子邮件和文本区域Javascript验证

Email and Textarea Javascript Validation

本文关键字:Javascript 验证 区域 文本 电子邮件      更新时间:2023-09-26

我是web开发的新手,我的一部分代码让我很头疼。我正在尝试为评论框添加JS验证,但似乎无法解决。我想要一个对电子邮件和文本区域都有效的提醒。提前感谢您的帮助。

这是我的JavaScript:

<script type="text/javascript">
function validateForm()
{
var x=document.forms["myForm"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
alert("Not a valid e-mail address");
return false;
}
}
</script>

这是我的HTML:

 <div class="input">
    <form name="myForm" action="demo_form.asp" onsubmit="return validateForm();" method="post">
   <p class="label"><h2>First Name:</h2>           
    <input type="text">
   </p>
   <p class="label"><h2>Last Name:</h2>           
    <input type="text">
   </p>
   <p class="label"><h2>City:</h2>            
    <input type="text">
   </p>
   <p class="label"><h2>State:</h2>           
    <input type="text" maxlength="2">
   </p>
   <p class="label"><h2>Phone:</h2>           
    <input type="tel">
   </p>
   <p class="label"><h2>*Email Address:</h2>           
    <input type="email">
   </p>  
   <p class="label"><h2>*Comments:</h2>           
    <textarea id="comments"></textarea>
   </p>  
   <p class="label"><input type="submit"></p>
   <p class="label"><input type="reset"></p>
    </form>
 </div>

验证工作正常。您是否尝试在函数末尾添加return true