0

私は 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>
4

1 に答える 1

0

検証は正常に機能しています。return true関数の最後に追加しようとしましたか?

于 2013-06-30T21:24:42.313 に答える