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>

您确定您的表单字段的名称是客户端的“数据[表单] [电子邮件]”吗？这听起来有点奇怪，但如果这是电子邮件输入字段的正确名称，那么上面的脚本应该可以工作。此外，您应该从codelib.net制作验证脚本的本地副本，并将其放在您自己的服务器上。

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

1 个答案: