提交表单jquery验证插件

时间:2013-10-26 10:47:39

标签: php jquery forms jquery-validate

我正在使用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之类的内容,但我无法让它发挥作用。

任何人都可以帮助我吗? 提前致谢

2 个答案:

答案 0 :(得分: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);

?> 

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

答案 1 :(得分:-2)

< form action="email.php" >

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