在jQuery克隆表单字段

时间:2017-04-16 13:56:33

标签: php jquery forms validation jquery-clone

我对PHP表单和邮件功能不太满意,但是......

我试图建立自己和RSVP表单(http://adrianandemma.com/),人们可以在其中添加他们的名字并选择是/否参加。他们还可以点击指向另一个人的RSVP链接。如果单击,则通过jQuery克隆名称和无线电。

提交表单时,我试图通过电子邮件将详细信息发送给自己。该电子邮件目前正在提交,如果我一次收到3个RSPV名称的电子邮件,那么3个名称值将通过电子邮件发送,但我只有第一个人的值是/否答案。

有人可以帮助诊断为什么我的克隆单选按钮值不是通过电子邮件发送的吗?

这是我的表格:

    <form action="?" method="post">
        <?php if(@$errors) :?>
            <p class="errors"><?php echo $errors; ?></p>
        <?php endif; ?>
        <input type="hidden" name="submit" value="1" />
        <div class="form-row">
            <div class="field-l">
                <p>Name</p>
            </div>
            <div class="field-r">
                <p>Attending?</p>
            </div>
        </div>
        <div class="form-row guest">
            <div class="field-l">
                <input type="text" name="name[]" id="name" value="<?php echo htmlspecialchars(@$_REQUEST['name']); ?>" tabindex="1" />
            </div>
            <div class="field-r">
                <input type="radio" name="coming[]" id="coming-yes" class="coming-yes" value="Yes"><label for="coming-yes">Yes</label><input type="radio" name="coming[]" id="coming-no" class="coming-no" value="No"><label for="coming-no">No</label>
            </div>
        </div>
        <a class="addguest" href="#">Add further guest</a>
        <div class="form-row">
            <button type="submit" id="rsvp-submit" tabindex="2">Submit RSVP</button>
        </div>
    </form>

...这里是我的php邮件代码:

<?php

$name = $_POST['name'];
$coming = $_POST['coming'];

$errors = "";
if(!@$_POST['name'])    { $errors .= "Please enter your name.<br/>\n"; }
if(!@$_POST['coming'])  { $errors .= "Please enter yes or no for attending.<br/>\n"; }

if(@$_POST['emailaddress'] != '')   { $spam = '1'; }

if (!$errors && @$spam != '1')
    {
        $to = "xxx@example.com";
        $subject = "Wedding RSVP";
        $headers = "From: noreply@adrianandemma.com";
        $body = "The following RSVP has been sent via the website.\n\n";
        for($i=0; $i < count($_POST['name']); $i++) {
            $body .= "
            Name ".($i+1)." : " . $_POST['name'][$i] . "\n
            Coming ".($i+1)." : " . $_POST['coming'][$i] ."\n\n";
        }
        $body .= "\n\nDate Received: " . date("j F Y, g:i a") . "\n";

        mail($to,$subject,$body,$headers);
    }

?>

我的简单$错误验证似乎也有一个障碍。如果我提交表格时没有填写任何内容,它只显示关于空单选按钮的错误消息,而不是空的名称&#39;领域,不知道为什么会这样?

任何帮助都会非常棒,因为我很难完成这项工作。

谢谢:)

...抱歉应该包括这是我目前通过电子邮件收到的一个例子,如果说我收到3个名字的RSVP:

The following RSVP has been sent via the website.


         Name 1 : Dave Jones

         Coming 1 : Yes


         Name 2 : Amy Jones

         Coming 2 : 


         Name 3 : Carl Jones

         Coming 3 : 


Date Received: 16 April 2017, 2:38 pm

2 个答案:

答案 0 :(得分:0)

你是否意识到,单选按钮中没有值,如果你“添加另一个客人”..在字段1中,值存在但是对于字段2,3,4等为空...也许这会导致它发送提交表单时的空值..

radio button empty value

答案 1 :(得分:0)

我已查看了您的misc.js javascript生成的html,并且name属性设置为coming[]1coming[]2

我建议的是:

1)将这些保留为coming[],因此您的请求将coming作为数组。然后,您可以使用与name相同的索引遍历此操作。

2)使用您的jquery用coming[]coming1coming2替换coming3,然后在PHP中将它们作为单独的变量处理。