Javascript 表单验证(电话)

标签 javascript html forms validation

我有一个包含姓名、电子邮件和内容文本区域的表单。一切正常,但当我尝试为手机号码添加 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 Forms .

关于Javascript 表单验证(电话),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34731199/

相关文章:

javascript - ExtJS 4 - 如何使用菜单项上传文件

javascript - 将 JavaScript 应用于所有具有 id 的元素

php 使用表单重定向

ruby-on-rails - AngularJS ng-submit 在 Rails 生成的表单上失败

javascript - 如何根据屏幕宽度将我的导航栏类更改为另一个导航栏类?

javascript - 如何传递 table.rows.cells 的变量值来获取表格单元格值?

html - 使用类和 ID 调用 CSS 项?

html - 单选按钮已选中未选中

html - 为什么 Bootstrap 网格系统不遵循列大小

javascript - jquery 获取输入值以检索匹配的数组值以填充隐藏输入