Posted in Javascript onAugust 11, 2017
非空验证
<body>
<table>
<tr>
<td>姓名：</td>
<td><input type="text" name="TrueName" id="TrueName" /></td>
</tr>
....省略其他input
<tr>
<td colspan="2">
<input type="submit" value="submit" onclick="return check();" />
</td>
</tr>
</table>
</body>
<script language="JavaScript">
function Check()
{
if(document.getElementById('TrueName').value=='') {
alert('必须输入姓名！');
document.getElementById('TrueName').focus();
return false;
}
if(document.getElementById('Identity').value=='') {
alert('必须输入身份证号码！');
document.getElementById('Identity').focus();
return false;
}
if(document.getElementById('Tel').value=='') {
alert('必须输入联系电话！');
document.getElementById('Tel').focus();
return false;
}
if(document.getElementById('Address').value=='') {
alert('必须输入联系地址！');
document.getElementById('Address').focus();
return false;
}
if(document.getElementById('WebID').value=='') {
alert('必须设置员工账号！');
document.getElementById('WebID').focus();
return false;
}
if(document.getElementById('PassWord').value=='') {
alert('密码不能为空！');
document.getElementById('PassWord').focus();
return false;
}
if(document.getElementById('PassWord').value!=document.getElementById('RPass').value) {
alert('两次输入的密码不一致！');
document.getElementById('PassWord').focus();
return false;
}
}
</script>
<script language="JavaScript">
function Check()
{
if(document.getElementById('TrueName').value=='') {
alert('必须输入姓名！');
document.getElementById('TrueName').focus();
return false;
}
if(document.getElementById('Identity').value=='') {
alert('必须输入身份证号码！');
document.getElementById('Identity').focus();
return false;
}
if(document.getElementById('Tel').value=='') {
alert('必须输入联系电话！');
document.getElementById('Tel').focus();
return false;
}
if(document.getElementById('Address').value=='') {
alert('必须输入联系地址！');
document.getElementById('Address').focus();
return false;
}
if(document.getElementById('WebID').value=='') {
alert('必须设置员工账号！');
document.getElementById('WebID').focus();
return false;
}
if(document.getElementById('PassWord').value=='') {
alert('密码不能为空！');
document.getElementById('PassWord').focus();
return false;
}
if(document.getElementById('PassWord').value!=document.getElementById('RPass').value) {
alert('两次输入的密码不一致！');
document.getElementById('PassWord').focus();
return false;
}
}
</script>
邮箱验证
<script type="text/javascript">
//验证邮箱格式
function isEmail()
{
var email=document.getElementById("zh_e").value;
if(email=="")
{
alert("请输入邮箱！");
document.getElementById("zh_e").focus();
return false;
}
var pattern= /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
strEmail=pattern.test(email);
if (strEmail)
{
return true;
}
else
{
alert("邮箱格式不正确！");
}
}
</script>
实现功能：当鼠标焦点离开文本框时触发该事件。onblur=“isEmail” [ onblur()失去焦点时触发事件 ]
<body>
<input type="text" maxlength="32" style="width:220px;" onblur="isEmail()" id="zh_e"/>
</body>
以上这篇JS非空验证及邮箱验证的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。
JS非空验证及邮箱验证的实例
- Author -
jingxian声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@