Javascript 表单验证(电话)

Question

我有一个包含姓名、电子邮件和内容文本区域的表单。一切正常，但当我尝试为手机号码添加 1 个表单输入时，表单不会提交。

Javascript:

  function hgsubmit() {
    if (/\S+/.test(document.hgmailer.name.value) == false) 
      alert("Please provide your name."); 
    else if (/^\S+@[a-z0-9_.-]+\.[a-z]{2,6}$/i.test(document.hgmailer.email.value) == false)
      alert("A valid email address is required."); 
    else if (/\S+/.test(document.hgmailer.comment.value) == false)
      alert ("Your email content is needed.");
    else { 
      document.hgmailer.submit(); 
      alert ('Thank you!\nYour email is sent.');
    }
  }

HTML:

<form action="http://www.jim123code.com/cgi-sys/formmail.pl" method="post"
name="hgmailer"> 
  <input type="hidden" name="recipient" value="info@jim123code.com"> 
  <input type="hidden" name="subject" value="Form E-Mail"> 
  Contact Form
  <br>
  <br> 
  Visitor Name: <input type="text" name="name" size="30" value="">  
  <br> 
  Visitor E-Mail: <input type="text" name="email" size="30" value="">
  <br>
  E-Mail Content: <textarea name="comment" cols="50" rows="5"></textarea>
  <br>
  <br>
  <input type="button" value="E-Mail Me!" onclick="hgsubmit();">
  <input type="hidden" name="redirect" value="http://www.jim123code.com/"> 
</form> 

上述表格的代码是与我的网络托管提供商 (ehost) 合作的经批准的联系表格。现在我尝试通过复制和粘贴其他输入类型并更改一些内容来添加手机号码输入，但没有成功。请建议添加电话号码输入+ javascript 验证代码以使其协同工作的最佳方法。

Answer 1

对于要发送的新输入，请确保将其包含在表单标记内，并为 name 属性添加唯一值。

示例:

<input type="text" name="phoneNumber" size="10" value="">

有关表单的更多信息，请检查 HTML Forms .