JS非空验证及邮箱验证的实例


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非空验证及邮箱验证的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript支持firefox,ie7页面布局拖拽效果代码
Dec 20 Javascript
Javascript中正则表达式的全局匹配模式分析
Apr 26 Javascript
Js四则运算函数代码
Jul 21 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
Oct 08 Javascript
JS实现简单的右下角弹出提示窗口完整实例
Jun 21 Javascript
一个简单不报错的summernote 图片上传案例
Jul 11 Javascript
微信小程序通过保存图片分享到朋友圈功能
May 24 Javascript
vue中element 上传功能的实现思路
Jul 06 Javascript
vue中el-upload上传图片到七牛的示例代码
Oct 19 Javascript
vue基于v-charts封装双向条形图的实现代码
Dec 09 Javascript
JS sort方法基于数组对象属性值排序
Jul 10 Javascript
微信小程序之高德地图多点路线规划过程示例详解
Jan 18 Javascript
vue如何获取点击事件源的方法
Aug 10 #Javascript
Vue单文件组件基础模板小结
Aug 10 #Javascript
基于JavaScript实现淘宝商品广告效果
Aug 10 #Javascript
Vue数组更新及过滤排序功能
Aug 10 #Javascript
Webpack性能优化 DLL 用法详解
Aug 10 #Javascript
详解React Native网络请求fetch简单封装
Aug 10 #Javascript
jQuery Ajax 实现分页 kkpager插件实例代码
Aug 10 #jQuery
You might like
php页面函数设置超时限制的方法
2014/12/01 PHP
Codeigniter中集成smarty和adodb的方法
2016/03/04 PHP
PHP实现提高SESSION响应速度的几种方法详解
2019/08/09 PHP
php如何获取Http请求
2020/04/30 PHP
javascript 清除输入框中的数据
2009/04/13 Javascript
javascript window.confirm确认 取消对话框实现代码小结
2012/10/21 Javascript
Extjs优化(二)Form表单提交通用实现
2013/04/15 Javascript
JS 清除字符串数组中,重复元素的实现方法
2016/05/24 Javascript
JavaScript进阶练习及简单实例分析
2016/06/03 Javascript
vue router-link传参以及参数的使用实例
2017/11/10 Javascript
微信小程序实现action-sheet弹出底部菜单功能【附源码下载】
2017/12/09 Javascript
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
2018/09/30 Javascript
JavaScript数组去重的几种方法
2019/04/07 Javascript
javascript全局自定义鼠标右键菜单
2020/12/08 Javascript
使用70行Python代码实现一个递归下降解析器的教程
2015/04/17 Python
python3 kmp 字符串匹配的方法
2018/07/07 Python
python抖音表白程序源代码
2019/04/07 Python
python数据类型之间怎么转换技巧分享
2019/08/20 Python
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
html5拍照功能实现代码(htm5上传文件)
2013/12/11 HTML / CSS
HTML5实现页面切换激活的PageVisibility API使用初探
2016/05/13 HTML / CSS
美国在线轮胎零售商:SimpleTire
2019/04/08 全球购物
大学四年个人自我小结
2014/03/05 职场文书
幼儿园安全责任书
2014/04/14 职场文书
敬老院活动总结
2014/04/28 职场文书
十佳中学生事迹材料
2014/06/02 职场文书
社区两委对照检查材料
2014/08/23 职场文书
物流专业专科生职业生涯规划书
2014/09/14 职场文书
“四风”问题自我剖析材料思想汇报
2014/09/23 职场文书
群众路线表态发言材料
2014/10/17 职场文书
2014年科协工作总结
2014/12/09 职场文书
参观邀请函范文
2015/02/02 职场文书
爱心募捐通知范文
2015/04/27 职场文书
导游词之无锡华莱坞
2019/12/02 职场文书
浅谈Python 中的复数问题
2021/05/19 Python
美国运营商 T-Mobile 以 117.83Mb/s 的速度排第一位
2022/04/21 数码科技