验证显示javascript警报的电子邮件地址表格

Question

我有此表格，实际上是与时事通讯邮件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>

您确定客户端的表单字段名称为“ data [Form] [e-mail]”吗？ 这听起来有些怪异，但是如果这是电子邮件输入字段的正确名称，则上面的脚本应该可以工作。 另外，您应该从codelib.net复制验证脚本的本地副本，并将其放在您自己的服务器上。