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