这是我的javascript:
function checkEmail() {
var email = document.getElementById('mLoginName');
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})|([0-9]{10})+$/;
if (!filter.test(email.value)) {
alert("Please enter valid email id or 10 digit mobile number");
email.focus();
return false;
}
}
HTML代码:
<form:form method="post" onsubmit="return checkEmail();" action="SignIn" modelAttribute="memberBean" >
<form:input type='hidden' name='mode' id='mode' path='mode' />
<form:input type='text' class="input" name='mLoginName' id='mLoginName' path='mLoginName' onblur="checkInp()" placeholder='Email/Mobile' />
<input type='submit' class="submit" value='SignIn/SignUp' >
</form:form>
最佳答案
您可以只添加一个 <span id="mLoginValidate"></span>
(或 <p></p>
取决于您希望它的外观)输入后,然后在您的代码中添加
document.getElementById('mLoginValidate').innerHTML = "Please enter valid email id or 10 digit mobile number";
您还可以将其 css 更改为 display: none
当用户开始重新输入时,然后将其改回执行 display: block
验证失败。
这是一个 fiddle : https://jsfiddle.net/virginieLGB/h600vecx/
这是我所做的:
HTML:
<input type='text' ... onkeydown="hideError()" />
<span id="mLoginValidate">Please enter valid email id or 10 digit mobile number</span>
CSS:
span {
color: red;
display: none;
}
JavaScript:
function hideError() {
document.getElementById("mLoginValidate").style.display = "none";
}
在您的 checkEmail() 函数中:
document.getElementById("mLoginValidate").style.display = "block";
关于javascript - 我正在尝试验证 jsp 登录表单,我需要字段(标签)验证而不是警报消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36338819/