Помогите мне с простой формой подписки на рассылку? - PullRequest
Новая
       289

Помогите мне с простой формой подписки на рассылку?

2 голосов
/ 14 июля 2011

Форма подписки на рассылку, над которой я работаю, находится в нижнем колонтитуле на этой ссылке.

В настоящее время при отправке формы сообщение об ошибке / успехе отображается на новой странице.

Вместо этого я хотел бы, чтобы сообщение об ошибке / успехе отображалось непосредственно под формой в нижнем колонтитуле.

IE. Если пользователь вводит адрес электронной почты name@website.com, текст «Успех» должен отображаться под полем ввода, а не на новой странице.

Помощь будет принята с благодарностью!

Вот что у меня сейчас есть:

В заголовке 

<script>
function submitEmail() {

    var email = $('#emailText').val();

    jQuery.post('/common/php/send_news.php', {
        email: email
    },function(data){
        $('#submissionResponse').html(data);
    },html);

}
</script>

ФОРМА 

<form method="post">
        <fieldset>
        <h3></h3>
        <input type="text" name="email" maxlength="80" class="input" value="enter your email address..." onfocus="this.className=('input_active')" onblur="this.className=('input')" onclick="this.value='';" />
        <input type="button" name="submit"  value="" class="subscribe_btn" onmouseover="this.className=('subscribe_btn_over')" onmouseout="this.className=('subscribe_btn')" onclick="submitEmail();" />
        <small>*we will not share your email address</small><span class="clear"></span>
        </fieldset>
      </form>
      <div id="submissionResponse"></div>

send_news.php 

<?php
if(isset($_POST['email'])) {

    // EDIT THE 2 LINES BELOW AS REQUIRED
    $email_to = "test@emailtest.com";
    $email_subject = "Newsletter Subscription";


    function died($error) {
        // your error code can go here
        echo "There was an error with your submission";
        echo $error."<br /><br />";
        die();
    }

    // validation expected data exists
    if(
        !isset($_POST['email'])) {
        died('There was an error with your submission');       
    }

    $email_from = $_POST['email']; // required


    $error_message = "";
    $email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';
  if(!preg_match($email_exp,$email_from)) {
    $error_message .= 'The Email Address you entered does not appear to be valid.<br />';
  }

  if(strlen($error_message) > 0) {
    died($error_message);
  }
    $email_message = "Form details below.\n\n";

    function clean_string($string) {
      $bad = array("content-type","bcc:","to:","cc:","href");
      return str_replace($bad,"",$string);
    }

    $email_message .= "Email: ".clean_string($email_from)."\n";


// create email headers
$headers = 'From: '.$email_from."\r\n".
'Reply-To: '.$email_from."\r\n" .
'X-Mailer: PHP/' . phpversion();
@mail($email_to, $email_subject, $email_message, $headers);  
?>

<!-- include your own success html here -->

Thanks for signup up for the Newsletter!

<?php
}
?>

Ответы [ 2 ]

2 голосов
/ 14 июля 2011

То, что я хотел бы сделать, это настроить простую страницу, которая повторяет успех или неудачу, а затем передать информацию на эту страницу из формы с помощью вызова Ajax - вы можете использовать jQuery для достижения этой цели.

Добавитьэто к заголовку в файле javascript или теге script: 

function submitEmail() {

    var email = $('#emailText').val();

    jQuery.post('/submission.php', {
        email: email
    },function(data){
        $('#submissionResponse').html(data);
    },html);

}

Затем измените форму так, чтобы кнопка отправки была такой: 

<input type="button" name="submit" value="Submit" onclick="submitEmail();" />

Затем добавьте divпод формой с идентификатором "submissionResponse", например, так: 

<div id="submissionResponse"></div>

Таким образом, вы сможете обрабатывать сообщение так же, как и при смене страниц, но вы автоматически отправите данные и получитеответ.

ДРУГОЕ РЕДАКТИРОВАНИЕ:

Пока я в этом, я мог бы также дать другой способ сделать подобное.Вместо того, чтобы использовать Ajax, вы можете сделать именно то, что вы делаете сейчас, но направить форму для перезагрузки текущей страницы (action="<?php echo $_SERVER['PHP_SELF']; ?>"), а затем в верхней части этой страницы добавить 

if(isset($_POST['email'])){
    include('submission.php');
}

и подФорма имеет: 

<div id="formStatus"><?php echo isset($formStatusResponse) ? $formStatusResponse : null; ?></div>

Два способа достижения одной и той же цели.Использование Ajax быстрее, так как конечному пользователю требуется только загрузить одну строку текста, тогда как второй метод требует полной перезагрузки всей страницы.

2 голосов
/ 14 июля 2011

Если вы хотите сделать это, вам нужно использовать что-то вроде отправки AJAX POST вместо обычной отправки формы POST. Затем вы можете поместить текст ответа в любое место, где хотите указать ошибку или условие успеха.

...