一个页面上的两个表单(完全相同的表单)一个提交,一个不

时间:2015-06-05 20:05:14

标签: forms validation

我在一个html页面上有两个表单。一个是模态框,一个是侧边栏。

模态框中的那个提交并正常工作。

侧边栏中的那个没有汇总并导致模式框中的那个产生“输入您的电子邮件地址”错误。它就像边栏中的那个试图在模态框中提交一个。

(模态框是纯css no js)

这是我的表单代码:

    <div class="agent-contact-form">
                                  <h4><?php _e('Enquire About: ','framework'); ?><span class="accent-color"><?php echo get_the_title(); ?></span></h4>
<form method="post" id="agentcontactform" name="agentcontactform" class="agent-contact-form" action="<?php echo get_template_directory_uri() ?>/mail/agent_contact.php">
<input type="text"  id="name" name="Your Name" class="form-control" placeholder="<?php _e('Your Name','framework'); ?>">                                        
<input type="email"  id="email" name="Email Address" class="form-control" placeholder="<?php _e('Email Address','framework'); ?>">
<input type="phone"  id="phone" name="Phone Number" class="form-control" placeholder="<?php _e('Phone Number','framework'); ?>">
                                      <textarea name="comments" id="comments" class="form-control" placeholder="<?php _e('Your message','framework'); ?>" cols="10" rows="5"></textarea>
                                      <input type="hidden" name="image_path" id="image_path" value="<?php echo get_template_directory_uri(); ?>">
                                      <input id="agent_email" name="agent_email" type="hidden" value="<?php echo get_the_author_meta( 'user_email', $author_id ); ?>">
                                      <input type="hidden" value="<?php echo get_the_title(); ?>" name="subject" id="subject">
                                      <button type="submit" class="btn btn-primary pull-right"><?php _e('Submit','framework'); ?></button>
                                  </form> </div>
<div class="clearfix"></div>

<div id="message"></div>    

这是我的行动代码:

    <?php
$parse_uri = explode( 'wp-content', $_SERVER['SCRIPT_FILENAME'] );
require_once( $parse_uri[0] . 'wp-load.php' );
if(!$_POST) exit;

function isEmail($email) {
return(preg_match("/^[-_.[:alnum:]]+@((([[:alnum:]]|[[:alnum:]][[:alnum:]-]*[[:alnum:]])\.)+(ad|ae|aero|af|ag|ai|al|am|an|ao|aq|ar|arpa|as|at|au|aw|az|ba|bb|bd|be|bf|bg|bh|bi|biz|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|co|com|coop|cr|cs|cu|cv|cx|cy|cz|de|dj|dk|dm|do|dz|ec|edu|ee|eg|eh|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|in|info|int|io|iq|ir|is|it|jm|jo|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|me|mg|mh|mil|mk|ml|mm|mn|mo|mp|mq|mr|ms|mt|mu|museum|mv|mw|mx|my|mz|na|name|nc|ne|net|nf|ng|ni|nl|no|np|nr|nt|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|pr|pro|ps|pt|pw|py|qa|re|ro|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sy|sz|tc|td|tf|tg|th|tj|tk|tm|tn|to|tp|tr|tt|tv|tw|tz|ua|ug|uk|um|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|ye|yt|yu|za|zm|zw)$|(([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5])\.){3}([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5]))$/i",$email));
}
if (!defined("PHP_EOL")) define("PHP_EOL", "\r\n");
$name = $_POST['name'];
$email    = $_POST['email'];
$phone    = $_POST['phone'];
$comments = $_POST['comments'];
$subject = $_POST['subject']; 
 if(trim($email) == '') {
echo '<div class="alert alert-error">You must enter your email address.</div>';
exit();
} elseif(trim($comments) == '') {
echo '<div class="alert alert-error">You must enter a message.</div>';
exit();
}
else if(!isEmail($email)) {
echo '<div class="alert alert-error">You must enter a valid email address.</div>';
exit();
}
if(get_magic_quotes_gpc()) {
$comments = stripslashes($comments);
}
$address = "me@domain.com";
$e_subject = (isset($subject))?$subject:'Contact Form';
$e_body = "You have been contacted by $name from the domain website, their phone number is $phone and their message is as follows." . PHP_EOL . PHP_EOL;
$e_content = "\"$comments\"" . PHP_EOL . PHP_EOL;
$e_reply = "You can contact them via their email, $email";
$msg = wordwrap( $e_body . $e_content . $e_reply, 70 );
$headers = "From: $email" . PHP_EOL;
$headers .= "Reply-To: $email" . PHP_EOL;
$headers .= "MIME-Version: 1.0" . PHP_EOL;
$headers .= "Content-type: text/plain; charset=utf-8" . PHP_EOL;
$headers .= "Content-Transfer-Encoding: quoted-printable" . PHP_EOL;
if(wp_mail($address, $e_subject, $msg, $headers)) {
// Email has sent successfully, echo a success page.
echo "<div class='alert alert-success'>";
echo "<h3>Email Sent Successfully.</h3><br>";
echo "<p>Thank you $name, your message has been submitted to us.</p>";
echo "</div>";
} else {
echo 'ERROR!';
}

以下是验证:

    REAL.AgentContactForm = function(){
    $('.agent-contact-form').each(function(){
        var formInstance = $(this);
        formInstance.submit(function(){

        var action = $(this).attr('action');

        $("#message").slideUp(750,function() {
        $('#message').hide();

        $('#submit')
            .after('<img src="' + $('#image_path').val() + 'images/assets/ajax-loader.gif" class="loader" />')
            .attr('disabled','disabled');

        $.post(action, {
            email: $('#email').val(),
            name: $('#name').val(),
            phone: $('#phone').val(),
            comments: $('#comments').val(),
                            agent_email: $('#agent_email').val(),
                            subject: $('#subject').val(),
        },
            function(data){
                document.getElementById('message').innerHTML = data;
                $('#message').slideDown('slow');
                $('.agent-contact-form img.loader').fadeOut('slow',function(){$(this).remove()});
                $('#submit').removeAttr('disabled');
                if(data.match('success') != null) $('.agent-contact-form').slideUp('slow');

            }
        );
        });
        return false;
    });
    });
}   

我试图制作一个新动作并重命名表单,重命名一切,所以2个表单不同但它仍然做同样的事情。

0 个答案:

没有答案