<html>
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script type="text/javascript">
//================UI dialog===========
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
show: {
duration: 100
},
hide: {
duration: 100
}
});
});
</script>
<script type="text/javascript">
function validation()
{
var emailField=document.form.email.value;
var reg = /^([A-Za-z0-9_'-'.])+'@([A-Za-z0-9_'-'.])+'.([A-Za-z]{2,4})$/;
if (reg.test(emailField.value) == false)
{
$( "#dialog" ).dialog( "open" );
p_dialog.innerHTML="Please enter valid email ... ";
document.form.name.select();
return false;
}
}
</script>
</head>
<body>
<div id="dialog" title="Basic dialog">
<p id="p_dialog"></p>
</div>
<form action="data.php" method="post" name="form" onsubmit="return validation()" enctype="multipart/form-data">
<input type="text" name="email" style="width:100%" id="email">
<input type="submit" name="submit" value="submit" >
</form>
</body>
</html>
在这里,我正在使用UI对话框来检查电子邮件字段的验证,但它没有通过以下方式显示对话框
.dialog("open")
我以相同的形式用于必填字段和名称字段的代码,它工作得很好,但是当我将其应用于电子邮件时,它不会显示任何消息。
function validation()
{
var emailField=document.form.email.value;
var filter = /^(['w-'.]+)@(('[[0-9]{1,3}'.[0-9]{1,3}'.[0-9]{1,3}'.)|((['w-]+'.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(']?)$/;
if (filter.test(emailField)) {
return true;
}
else {
document.getElementById("email").focus();
$( "#dialog" ).dialog( "open" );
p_dialog.innerHTML="Please enter valid email ... ";
//document.form.name.select();
return false;
}
}
您可以使用正则表达式来验证电子邮件 ID。下面是要使用的标准版本:
<asp:RegularExpressionValidator ID="regEmail" runat="server" ControlToValidate="your_textboxid" ErrorMessage="Please enter valid Email ID" ValidationExpression="'w+([-+.']'w+)*@'w+([-.]'w+)*'.'w+([-.]'w+)*" SetFocusOnError="true"></asp:RegularExpressionValidator>
</td>
'w+([-+.']'w+)*@'w+([-.]'w+)*'.'w+([-.]'w+)*
其他明智的人将上述正则表达式放在您的 JS 代码中,它应该可以正常工作。
查看编辑后的 JS 代码
<script type="text/javascript">
function validation() {
var emailField = document.form.email.value;
var reg = 'w+([-+.']'w+)*@'w+([-.]'w+)*'.'w+([-.]'w+)*;
if (reg.test(emailField.value) == false) {
$("#dialog").dialog("open");
p_dialog.innerHTML = "Please enter valid email ... ";
document.form.name.select();
return false;
}
}
</script>
我将假设您提供的代码比您向我们展示的代码更多,因为看起来您正在尝试使用 jQuery,但它没有在示例中加载到任何地方。(编辑:当我写这篇文章时,它不在示例中(
话虽如此,在您的正则表达式中,+ 需要在 ] 之后和之前 (
var reg = /^([A-Za-z0-9_'-'.]+)'@([A-Za-z0-9_'-'.]+)'.([A-Za-z]{2,4})$/;