gpt4 book ai didi

javascript - HTML 表单在 IE 中不起作用

转载 作者:行者123 更新时间:2023-12-03 10:28:54 26 4
gpt4 key购买 nike

我创建了一个表单,用于检查电子邮件地址是否有效并相应地输出“有效”或“无效”。我的问题是它在 Internet Explorer 中不起作用,这非常令人沮丧。我的代码如下:

<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http:ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script>
<meta charset=utf-8 />
<title>Email Validation</title>
</head>
<body>
<form onSubmit='validate(); return false;'>
<p>Enter an email address:</p>
<input id='email' placeholder="example@example.com" size="21" />
<button type='submit' id='validate'>Submit</button>
<button type='reset' value='reset'>Reset</button>
</form>
<br/>
<h2 id='result'></h2>
<script>
function validateEmail(email) {
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{1,}))$/;
return re.test(email);
}
function validate(){
$("#result").text("");
var email = $("#email").val();
if (validateEmail(email)) {
$("#result").text(email + " is valid");
$("#result").css("color", "green");
} else {
$("#result").text(email + " is not valid");
$("#result").css("color", "red");
}
return false;
}
$("form").bind("submit", validate);
</script>
</body>
</html>

最佳答案

首先你的脚本标签是错误的

<script class="jsbin" src="http:ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">  </script>
^^^^^^

缺少//

<小时/>

您在两个地方调用验证。

<form onSubmit='validate(); return false;'>

$("form").bind("submit", validate);

应该只有一个。摆脱内联方式并坚持使用绑定(bind)方式。

<小时/>

此外,较旧的 IE 往往会出现方法名称和 ID 相同的问题。因此,将验证按钮的 id 更改为 id="btnValidate" 并查看是否有任何区别。

关于javascript - HTML 表单在 IE 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29300900/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com