0

我有一个要集成到我的网站上的网络表单。

http://app.bronto.com/public/webform/render_form/gmy3v1ej883x2lffibqv869a2e3j9/37ea72cebcc05140e157208f6435c81b/addcontact/

首先是错误处理。如果您没有输入姓名或有效的电子邮件，验证消息会显示在页面上，但仅在页面刷新后才会显示。
其次，在提交有效（非空）名称和有效电子邮件地址时，它会提交和重定向（重定向 url 站点当前处于脱机状态）。

我的问题是，如何序列化表单以不刷新页面以显示错误消息和提交？如果提交没有错误，则应显示“您已订阅”等消息。

我尝试过if data == success显示成功消息，但没有运气。如果不成功，我似乎也无法显示错误消息，我认为这是我确定是否存在错误或成功的问题。

简而言之，我正在尝试将 ajax 用于错误消息和提交成功消息，而无需任何刷新。

关于这个有什么想法吗？谢谢

4

2 回答 2

2

我觉得jquery.form可能适合你，它是用来提交表单而不刷新的，非常有名。它的官网有很多例子，非常好用。

希望有所帮助；）

于 2013-08-10T07:48:17.763 回答
-1

使用正则表达式验证 javascript 中的电子邮件

<form action =" <action page>" method="<post/get>" id="frm1">
Email: <input type="text" name="email" id="email"><br>
<input type="button" onclick="Validate()" value="Submit form">
</form>

将此脚本放在 head 部分

<script>
function IsValidEmail(email) {
            var expr = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
            return expr.test(email);
        };
        function Validate() {
            var email = document.getElementById("email").value;
            if (!IsValidEmail(email)) {
                alert("Invalid email address.");
            }
            else {
                alert("Valid email address.");
            }
        }
        </script>
于 2013-08-10T08:12:46.220 回答