Javascript 表单验证（电话）答案

【问题标题】：Javascript Form Validation (phone)Javascript 表单验证（电话）
【发布时间】：2016-04-16 07:58:43
【问题描述】：

我有一个包含姓名、电子邮件和内容文本区域的表单。一切正常，但是当我尝试为手机号码添加 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 验证码的最佳方法，以便它们一起工作。

【问题讨论】：

添加新输入并按下提交按钮时会发生什么？您是否设置了“名称”属性？
如果你也想保存号码，你还必须编辑http://www.jim123code.com/cgi-sys/formmail.pl
@DiegoLópez 难怪你的 stackoverflow 评分是 753！我的错误是没有设置'name'属性，我只是让它有name="name"，所以我采纳了你的建议并将其更改为name="number"，它就像一个魅力！非常感谢！
当然，很高兴为您提供帮助，我刚刚根据我的建议创建了一个答案，如果您能接受它，我将不胜感激。

标签： javascript html forms validation

【解决方案1】：

您将不得不创建一个自定义 formmail 脚本来处理您的新表单。如果你知道 perl，你可以尝试修改现有的脚本。否则很艰难。

【讨论】：

【解决方案2】：

对于要发送的新输入，请务必将其包含在表单标签中，并为 name 属性添加唯一值。

例子：

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

有关表单的更多信息，请查看HTML Forms。

【讨论】：