2014-01-17 55 views
0

我有這種形式,實際上與通訊郵件程序v1.3一起工作,我想驗證此表單上的電子郵件地址顯示與窗體相同的頁面中的警報,而不是去沒有設計的白色html錯誤頁面,其中新聞郵件顯示錯誤。驗證電子郵件地址形式顯示javascript的警告

這可能嗎?我需要幫助,我知道我不是一個程序員,但相信我,我在學習上千種不同的東西,這個網站:)

`

<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> 

我知道驗證的東西,但我真的沒有如何實現它,我嘗試了一些來自網絡的例子,但沒有成功。

+0

可能的重複[在JavaScript中驗證電子郵件地址?](http://stackoverflow.com/questions/46155/validate-email-address-in-javascript) – jfriend00

回答

0

把這個放在你的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> 

您確定您的表單字段的名稱是「data [Form] [e-mail]」在客戶端?這聽起來有點奇怪,但如果這是電子郵件輸入字段的正確名稱,那麼上面的腳本應該可以工作。此外,您應該從codelib.net製作驗證腳本的本地副本,並將其放在您自己的服務器上。