【问题标题】:submitting form jquery validation plugin提交表单 jquery 验证插件
【发布时间】:2013-10-26 10:47:38
【问题描述】:

我正在使用 jquery 验证插件来验证我的网络中的联系表单,但我不知道如何在验证后将表单字段传递到 php 文件以将其发送到我的个人电子邮件。

这是我的js代码:

 $('#contact-us').validate(
 {
  rules: {
    contactName: {
      minlength: 2,
      required: true
    },
    email: {
      required: true,
      email: true
    },
    subject: {
      minlength: 2,
      required: true
    },
    comments: {
      minlength: 2,
      required: true
    }
  },
  highlight: function(element) {
            $(element).closest('.form-group').addClass('has-error');
        },
        unhighlight: function(element) {
            $(element).closest('.form-group').removeClass('has-error');
        },
        errorElement: 'span',
        errorClass: 'help-block',
        errorPlacement: function(error, element) {
            if(element.parent('.input-group').length) {
                error.insertAfter(element.parent());
            } else {
                error.insertAfter(element);
            }
        }

    });
}); // end document.ready

我想我必须使用that solution 之类的东西,但我无法使用它。

有人可以帮助我吗? 提前致谢

【问题讨论】:

  • 您想依靠 AJAX 来提交表单,还是使用默认的浏览器操作来提交?你需要更具体。
  • 我不确定@Terry 哪种方式简单?如果每个字段都正常,我只想验证并发送它

标签: php jquery forms jquery-validate


【解决方案1】:

您需要表单的操作部分中的 php 表单,一旦表单被验证,其脚本就会运行。

联系表单 html 代码示例

<form method="post" action="submit.php" id="formwa">
<label  for="name">Your Name</label>
<input type="text" name="name" id="name" placeholder="Your name here">
<label  for="email">Email address</label>
<input type="email" name="email" id="email" placeholder="Enter email">
<button type="submit" class="btn btn-warning">Keep me Updated!</button>
</form>

对应的submit.php代码

<?php
  //$to = $_POST['to'] ;    
  $message = "Hi there, \n You have a new visitor on your Website.\n\r The person's name is: ".$_POST['name']."\r\n\r\nAnd the person's Email id is: ".$_POST['email'];
  $from = $_POST['email'];
  $headers =  "From: ".$_POST['email'];
  mail( "you@yourdomain.com", "Subject Line for the Email", $message, $headers);
  // mail( "another@yourdomain.com", "Carbon Copy: Subject Line", $message, $headers);

?> 

我希望这能帮助你理解它。上面的代码缺乏验证,但是好的,你一直在做验证本身。在更多混乱的情况下询问更多。 干杯

【讨论】:

  • 天哪!我是多么愚蠢xD这么容易!我想我也必须用 jquery 来做!
  • jquery 是一组 javascript 库,可以让我们更轻松地编写 javascript。在这种情况下,他们所做的只是验证。但是,通过 ajax 提交表单是另一种选择,但并不复杂
【解决方案2】:
< form action="email.php" >

在表单操作页面中,您可以获得可以发送电子邮件的值

【讨论】:

  • 描述你会在那里做什么,否则这对 OP 来说不是很有用的信息......
猜你喜欢
  • 1970-01-01
  • 2016-10-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多