подтвердите форму электронной почты, отображающую предупреждение javascript

Question

У меня есть эта форма, на самом деле работающая с рассылкой mailer v1.3, я бы хотел проверить адрес электронной почты в этой форме, отображая предупреждение на той же странице, что и форма, а не собираюсь не созданная страница с белым html-сообщением, где отображается сообщение с почтовой рассылкой.

Возможно ли это? Мне нужна помощь, я знаю, что я не программист, но поверьте мне, я учусь тысячи различных вещей на этом сайте :)

`

<section id="newsletter"> 
    <div class="overlay"></div> <!-- overlay layer --> 
    <!-- container --> 
    <div class="container"> 
     <h3 class="heading-l">SUBSCRIBE TO MY NEWSLETTER</h3> 
     <!-- subscribe form --> 

     <form id="FormViewForm" method="post" action="/NewsletterMailer/subscribe/4" accept-charset="utf-8"> 
      <input type="hidden" name="_method" value="POST" /> 
      <input type="hidden" name="data[Form][id]" value="4" id="FormId" /> 
      <input type="hidden" name="data[Form][type]" value="1" id="FormType" /> 
      <input type="email" name="data[Form][e-mail]" value="" id="subscribe-email" placeholder="Enter your email..." required> 
       <input type="submit" value="+" class="large" id="subscribe-submit" onclick="emailValidator1(document.getElementById('emailer'), 'Not a Valid Email')" 
        value='Check Field'>      </form> 
     <!-- /subscribe form --> 
    </div> 
    <!-- /container --> 


</section>` 

и у меня есть это оповещать

<p class="error">Error - Please Enter A Valid Email Address</p> 

Я знаю о валидации вещи, но я не очень, как это осуществить, я попробовал несколько примеров из сети, но безуспешно.

Answer 1

Поместите это в свой HTML после формы.

<script src="http://www.codelib.net/home/jkm/val.js"></script> 
<script> 
email_verify_settings = { 
    'data[Form][e-mail]': { verify: email, filter: 1 } 
}; 
document.getElementById('FormViewForm').onsubmit = function() { 
    return validate(this, email_verify_settings); 
} 
</script> 

Вы уверены, что имя вашей полевой формы является «данные [форма] [электронная почта]» на стороне клиента? Это звучит немного странно, но если это правильное имя поля ввода электронной почты, то приведенный выше сценарий должен работать. Кроме того, вы должны сделать локальную копию скрипта проверки с codelib.net и поместить его на свой собственный сервер.