0

我无法看到预先编写好的模板的问题。有3个文件如下，

/contact.php
/forms/contact.php
/js/forms.js

因此，当访问者填写根目录中的contact.php 时，它会重定向到/forms/contact.php，forms.js 会检查表单，如果没有问题则发送电子邮件。

这是我的 /contact.php ，其中包括表格，

<form id="contactform" method="post" action="forms/contact.php">
<div class="divide10"></div>
<input id="name" name="name" value="Your Name" type="text" class="prepared-input">
<div class="divide15"></div>
<input id="email" name="email" value="Your Email" type="text" class="prepared-input">
<div class="divide15"></div>
<textarea  id="contactmessage" name="message" rows="3" class="prepared-input">Your Message</textarea>
<div class="divide15"></div>
<input type="submit" id="From_Comment_Go" value="Send Message " class="btn maincolor small">
<span class="errormessage   hiddenatstart">Error! Please correct marked fields.</span>
<span class="successmessage   hiddenatstart">Message send successfully!</span>
<span class="sendingmessage   hiddenatstart">Sending...</span>
</form>

这是我的 /forms/contact.php

<?php
$to = 'example@mail.com';


//Language Options
$contact_labelmailhead = 'Contact Form Email';
$contact_labelmailsubject = 'Contact Form Email from';
$contact_labelname = 'Name';
$contact_labelemail = 'Email';
$contact_labelmessage = 'Message';

$name = trim($_POST['name']);
$email = trim($_POST['email']);
$message = str_replace(chr(10), "<br>", $_POST['message']);

$body = "<html><head><title>$contact_labelmailhead</title></head><body><br>";
$body .= "$contact_labelname: <b>" . $name . "</b><br>";
$body .= "$contact_labelemail <b>" . $email . "</b><br>";
$body .= "$contact_labelmessage:<br><hr><br><b>" . $message . "</b><br>";
$body .= "<br></body></html>";

$subject = $contact_labelmailsubject.' ' . $name;
$header = "From: $email\n" . "MIME-Version: 1.0\n" . "Content-type: text/html; charset=utf-8\n";

mail($to, $subject, $body, $header);


?>

最后是 forms.js，

jQuery(document).ready(function() { 
    /* Contact Form */
    if(jQuery('#contactform').length != 0){
        addForm('#contactform');
    }

    /* Quick Contact */
    if(jQuery('#quickcontact').length != 0){
        addForm('#quickcontact');
    }

    /* Blog Comments */
    if(jQuery('#replyform').length != 0){
        addForm('#replyform');
    }
});

    function addForm(formtype) {
    var formid = jQuery(formtype);
    var emailsend = false;

    formid.find("input[type=submit]").click(sendemail);


    function validator() {

        var emailcheck = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
        var othercheck = /.{4}/;
        var noerror = true;

        formid.find(".requiredfield").each(function () {

            var fieldname = jQuery(this).attr('name');
            var value = jQuery(this).val();
            if(value == "Name *" || value == "Email *" || value == "Message *"){
                value = ""; 
            }

            if(fieldname == "email"){
                if (!emailcheck.test(value)) {
                    jQuery(this).addClass("formerror");
                    noerror = false;
                } else {
                    jQuery(this).removeClass("formerror");
                }   
            }else{
                if (!othercheck.test(value)) {
                    jQuery(this).addClass("formerror");
                    noerror = false;
                } else {
                    jQuery(this).removeClass("formerror");
                }   
            }
        })

        if(!noerror){
            formid.find(".errormessage").fadeIn();
        }

        return noerror;
    }

    function resetform() {
        formid.find("input").each(function () {
            if(!jQuery(this).hasClass("button")) jQuery(this).val("");  
        })
        formid.find("textarea").val("");
        emailsend = false;
    }


    function sendemail() {
        formid.find(".successmessage").hide();
        var phpfile = "";
        if(formtype=="#contactform"){
            phpfile = "forms/contact.php";
        }else if(formtype.lastIndexOf("c_")){
            phpfile = "forms/quickcontact.php";
        }else{
            phpfile = "";
        }
        if (validator()) {
            if(!emailsend){
                emailsend = true;
                formid.find(".errormessage").hide();
                formid.find(".sendingmessage").show();
                jQuery.post(phpfile, formid.serialize(), function() {
                    formid.find(".sendingmessage").hide();
                    formid.find(".successmessage").fadeIn();
                    if(!formtype.lastIndexOf("c_"))resetform();
                });
            }
        } 
        return false
    }

}

因此，离开表单会发送 Values :S 并且不检查任何内容。我应该尝试解决这个问题还是尝试实施其他方法？我不是那么喜欢 jQuery，也不能说验证脚本是否有问题。

一些建议会很棒！谢谢！

4

2 回答 2

0

.js 语法有错误，这可能会阻止一些 js 代码被调用。首先，像这样在js中修复这些错误：

formid.find("input").each(function ()
{
    if(!jQuery(this).hasClass("button")) jQuery(this).val("");  
})//this is missing a ;

之后，您可以像 Kevin Schmid 所说的那样正确思考 post 方法。

于 2013-05-27T17:42:55.367 回答
-1

验证器函数使用类检查每个输入".requiredfield"。示例代码：

formid.find(".requiredfield").each(function () {
于 2013-09-27T03:42:40.823 回答