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请尝试并检查此正则表达式是否有任何问题