Javascript 表单使用AJAX而不是页面刷新,但也使用错误处理?

Javascript 表单使用AJAX而不是页面刷新,但也使用错误处理?,javascript,ajax,Javascript,Ajax,我有一个网络表单,我将在我的网站上集成 首先是错误处理。如果您没有输入名称或有效电子邮件,验证消息将显示在页面上,但仅在页面刷新后显示。 其次,在提交有效(非空)名称和有效电子邮件地址时,它会提交并重定向(重定向url站点当前处于脱机状态) 我的问题是,如何序列化表单以不刷新页面以显示错误消息和提交?如果提交时没有任何错误,则会显示“您已订阅”等消息 我曾尝试使用if data==success显示成功消息,但没有成功。如果不是成功的话,我似乎也无法得到显示错误消息的信息,我想这是我确定是错误

我有一个网络表单,我将在我的网站上集成

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

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

我曾尝试使用
if data==success
显示成功消息,但没有成功。如果不是成功的话,我似乎也无法得到显示错误消息的信息,我想这是我确定是错误还是成功的问题

简言之,我尝试在提交时使用ajax处理错误消息和成功消息,而不进行任何刷新

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

我认为可能适合您,它用于提交表单而无需任何刷新,非常有名。在它的官方网站上有很多例子,它真的很容易使用


希望有帮助;)

使用正则表达式在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>

电子邮件:
将此脚本放在标题部分

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

功能IsValidEmail(电子邮件){
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}.(\]?)$/;
返回expr.test(电子邮件);
};
函数验证(){
var email=document.getElementById(“email”).value;
如果(!IsValidEmail(电子邮件)){
警报(“无效电子邮件地址”);
}
否则{
警报(“有效电子邮件地址”);
}
}

谢谢,我会试一试:)看看我到底做了什么,看起来不错;)阅读常见问题解答——这是一个合法的问题。保持打开状态。这将拒绝许多有效的电子邮件地址。我已经编辑了代码。现在会了work@DourHighArch我将添加另一个没有regexThat的代码,它仍然使用regex并且仍然不工作<代码>“Dour High Arch”+mailingGroup?12344@guggemheim.museum是一个有效的电子邮件地址。@DourHighArch请尝试并检查此正则表达式是否有任何问题