Javascript表单验证(电话）

Javascript Form Validation (phone)

本文关键字：电话 验证 表单 Javascript      更新时间：2023-09-26

我有一个表单，它有名称、电子邮件和内容文本区域。这一切都很好，但当我试图为手机号码再添加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验证码的最佳方式，使其能够协同工作。

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

示例：

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

有关表单的详细信息，请查看HTML表单。

您必须创建一个自定义的formmail脚本来处理您的新表单。如果您了解perl，您可以尝试修改现有的脚本。否则就是硬邦邦。

相关文章：