Javascript 我的表单电子邮件输入中有什么错误。提交时它总是返回false
我认为问题出在jQuery中。每当在电子邮件输入中输入某个值并尝试提交表单时，该值是否正确将显示为false。请帮帮我。我的全部代码都被删除了，请仔细阅读并彻底检查jQUERY部分，因为我认为问题不在HTML中，而在jQUERY中 如有答复，将不胜感激。Javascript 我的表单电子邮件输入中有什么错误。提交时它总是返回false,javascript,jquery,html,Javascript,Jquery,Html,我认为问题出在jQuery中。每当在电子邮件输入中输入某个值并尝试提交表单时，该值是否正确将显示为false。请帮帮我。我的全部代码都被删除了，请仔细阅读并彻底检查jQUERY部分，因为我认为问题不在HTML中，而在jQUERY中 如有答复，将不胜感激。 功能电子邮件（电子邮件）{ 变量正则表达式=/^（[a-zA-Z0-9.+-]）+\@（[a-zA-Z0-9-]）+\.）+（[a-zA-Z0-9]{2,4}）+$/； 返回正则表达式测试（电子邮件）； } $（“#提交”）。单击（函数（）{
功能电子邮件（电子邮件）{
变量正则表达式=/^（[a-zA-Z0-9.+-]）+\@（[a-zA-Z0-9-]）+\.）+（[a-zA-Z0-9]{2,4}）+$/；
返回正则表达式测试（电子邮件）；
}
$（“#提交”）。单击（函数（）{
警报（isEmail（$（“#email”）.val（））；
});
正文{
字体系列：Lato；
字体大小：200%
}
输入{
高度：40px；
填充物：5px 5px 12px 5px；
字体大小：25px；
边界半径：5px；
边框：1px纯灰；
宽度：320px；
}
标签{
位置：相对位置；
顶部：5px；
浮动：左；
宽度：275px；
}
#包装纸{
宽度：625px；
保证金：0自动；
}
.要素{
边缘底部：10px；
}
#提交{
宽度：130px；
左边距：275px；
文本对齐：居中；
背景颜色：浅灰色；
高度：55px；
}
jQuery
电子邮件
电话号码
密码
确认密码
您的警报声明不正确。试试这个：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<title>jQuery</title>
<style type="text/css">
body{
font-family: Lato;
font-size: 200%
}
input{
height: 40px;
padding: 5px 5px 12px 5px;
font-size: 25px;
border-radius: 5px;
border: 1px solid grey;
width: 320px;
}
label{
position: relative;
top: 5px;
float: left;
width: 275px;
}
#wrapper{
width: 625px;
margin: 0 auto;
}
.elements{
margin-bottom: 10px;
}
#submit{
width: 130px;
margin-left: 275px;
text-align: center;
background-color: lightgrey;
height: 55px;
}
</style>
</head>
<body>
<div id="wrapper">
<div class="elements">
<label for="Email">Email</label>
<input type="text" name="Email" id="Email" placeholder="eg:yourname@gmail.com">
</div>
<div class="elements">
<label for="Phone">Phone No</label>
<input type="text" name="Phone" id="Phone No" placeholder="eg:1234567890">
</div>
<div class="elements">
<label for="Password">Password</label>
<input type="password" name="Password" id="Password">
</div>
<div class="elements">
<label for="confirmPassword">ConfirmPassword</label>
<input type="password" name="confirmPassword" id="confirmPassword">
</div>
<div class="elements">
<input type="submit" id="submit" value="Sign Up">
</div>
</div>
<script type="text/javascript">
function isEmail(email) {
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return regex.test(email);
}
$("#submit").click(function()
{
alert($("#Email").val());
});
</script>
</body>
</html>
jQuery
身体{
字体系列：Lato；
字体大小：200%
}
输入{
高度：40px；
填充物：5px 5px 12px 5px；
字体大小：25px；
边界半径：5px；
边框：1px纯灰；
宽度：320px；
}
标签{
位置：相对位置；
顶部：5px；
浮动：左；
宽度：275px；
}
#包装纸{
宽度：625px；
保证金：0自动；
}
.要素{
边缘底部：10px；
}
#提交{
宽度：130px；
左边距：275px；
文本对齐：居中；
背景颜色：浅灰色；
高度：55px；
}
电子邮件
电话号码
密码
确认密码
功能电子邮件（电子邮件）{
变量正则表达式=/^（[a-zA-Z0-9.+-]）+\@（[a-zA-Z0-9-]）+\.）+（[a-zA-Z0-9]{2,4}）+$/；
返回正则表达式测试（电子邮件）；
}
$（“#提交”）。单击（函数（）
{
警报（$（“#Email”）.val（））；
});
@Nitish，如果您知道，那么javascript对您的标记ID=“Email”是区分大小写的，而您的单击包含小的e
因此，替换
alert(isEmail($("#email").val()))
与
一切都正常 jQuery区分大小写。
你有：
<input type="text" name="Email" id="Email" placeholder="eg:yourname@gmail.com">
您的电子邮件id不匹配。在jQuery中尝试将G id从#email
更改为#email
，它会起作用
$（“#提交”）。单击（函数（）{
log（$（“#Email”）.val（））；
警报（isEmail（$（“#Email”）.val（））；
});
功能电子邮件（电子邮件）{
变量re=/^（[^（）\[\]\\，；：\s@“]+（\.[^（）\[\]\，；：\s@“]+）*）（“+”）（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.[0-9]{1,3}.]124；（[a-zA Z-0-9]+]；
返回re.test（字符串（email.toLowerCase（））；
}
正文{
字体系列：Lato；
字体大小：200%
}
输入{
高度：40px；
填充物：5px 5px 12px 5px；
字体大小：25px；
边界半径：5px；
边框：1px纯灰；
宽度：320px；
}
标签{
位置：相对位置；
顶部：5px；
浮动：左；
宽度：275px；
}
#包装纸{
宽度：625px；
保证金：0自动；
}
.要素{
边缘底部：10px；
}
#提交{
宽度：130px；
左边距：275px；
文本对齐：居中；
背景颜色：浅灰色；
高度：55px；
}
电子邮件
电话号码
密码
确认密码
投票结束此问题，因为它是由无法再复制的问题或简单的印刷错误引起的。虽然类似的问题可能在这里的主题，这是一个解决的方式不太可能帮助未来的读者。
<input type="text" name="Email" id="Email" placeholder="eg:yourname@gmail.com">
$("#submit").click(function() {
alert(isEmail($("#Email").val()));
});