JS非空验证及邮箱验证

最新推荐文章于 2022-01-05 10:39:26 发布
最新推荐文章于 2022-01-05 10:39:26 发布
阅读量527 收藏 6
点赞数
分类专栏： 前端
原文链接：https://www.mk2048.com/blog/blog.php?id=hb101aa021ab&title=JS%E9%9D%9E%E7%A9%BA%E9%AA%8C%E8%AF%81%E5%8F%8A%E9%82%AE%E7%AE%B1%E9%AA%8C%E8%AF%81
版权

　　非空验证

<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"  οnclick="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>
实现功能：当鼠标焦点离开文本框时触发该事件。οnblur=“ isEmail” [ onblur()失去焦点时触发事件 ]
<body>
<input type="text"  maxlength="32" style="width:220px;" οnblur="isEmail()" id="zh_e"/>
</body>

更多专业前端知识，请上 【猿2048】www.mk2048.com
我爱丁丁猫
关注
专栏目录
JS-表单非空验证
weixin_30462049的博客
10-27 1603
JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 实例：1.用户名的非空验证代码如下： <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档<...
javascript 校验 非空_js中如何进行非空验证
weixin_29938119的博客
12-23 3735
最近突然发现自己写的JavaScript代码比较臃肿，所以开始研究JavaScript的简写方法。这样一来，可以让我们的JavaScript代码看起来比较清爽，同时也可以提高我们的技术。那么判断为空怎么简写呢?下面就是有关判断为空的简写方法。代码如下复制代码 代码如下:if (variable1 !== null variable1 !== undefined variable1 !== ''...
JS 非空验证
舒婷(Zoe)
03-15 5537
click:function(){ var updateinfo; //定义一个数组 用来存储被修改过得信息 for( var i = 0; i <34; i++,i++){ var j = updatelineform.getItems()[i+1].getValue();//获取对应的value v
js非空验证
时光的当铺
02-13 1106
var defaultEmptyOK = false;var whitespace = " \t\n\r　";function checkNull (theField, s, emptyOK) { if (checkNull.arguments.length == 2) emptyOK = defaultEmptyOK; if ((emptyOK == true) && (isEmp
javascript 校验 非空_Javascript的表单与验证-非空验证
weixin_39755853的博客
12-23 659
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。表单提交前要检查数据的合法性在要对表单里的数据进行验证的时候，可以利用getElementById()来访问网页上任何一个元素每个表单域都有一个form对象，可被传给任何验证表单数据的函数function showIt(thisForm){alert(thisForm["zipcode"].value);/...
使用js进行非空验证
a12ssdf的博客
09-05 1563
HTML页面代码 @using (Html.BeginForm("Edit", "Home", FormMethod.Post, new { @Id = "frm" })) { <table> <tr> <td>姓名：</td> <td> @Html.Edito...
JS非空验证及邮箱验证的实例
10-19
本文主要介绍了在JavaScript中进行表单字段的非空验证以及邮箱格式验证的具体实践。在进行用户输入验证的过程中，非空验证和邮箱验证是最基础也是最常见需求之一。接下来，我们将深入探讨这两种验证方式的实现方法，...
jq非空验证，js正则表达式验证邮箱和手机号码
05-22
在本案例中，我们关注的是使用jQuery（jq）进行非空验证，以及使用JavaScript（js）的正则表达式来验证邮箱和手机号码的正确性。以下是关于这些知识点的详细说明： 1. **jQuery（jq）非空验证**： jQuery是一种轻...
javascript表单验证使用示例(javascript验证邮箱)
10-26
JavaScript 表单验证是网页开发中一种常见的技术，它允许开发者在用户提交数据到服务器之前对用户输入的数据进行检查，确保其格式正确、合法。这不仅提高了用户体验，减少了无效请求，也减轻了服务器端的处理压力。...
表单验证正则与非空验证
tianranran的博客
12-13 2315
<style> .form1 { width: 300px; margin: 100px auto; background-color: cadetblue; padding: 50px; } .item { margin-bottom: 20px; } p { colo
js 不为空 验证
04-14
NULL 博文链接：https://thinktothings.iteye.com/blog/1739894
js 判断是否为空
01-21
js 判断是否为空
javascript 校验 非空_js的非空验证
weixin_31110741的博客
02-06 1109
function submitForm(){mf=document.myform;if(check(mf)){return true;} else {return false;}}function check(form) {if(isNull(form.singerName.value)) {alert("歌手名称不能为空");return false;}if(isNull(form.songNa...
JS非空验证
weixin_30794499的博客
08-15 182
代码如下： <!DOCTYPE html> <html> <meta charset="UTF-8"> <title></title> <head> <script language="javascript"> function checklogin() { if((m...
js 非空验证
12-29 1924
function Check(){ if(document.getElementById(TrueName).value==) {  alert(必须输入姓名！);  document.getElementById(TrueName).focus();  return false; } if(document.getElementById(Identity).value==
【 javascript】对象非空校验
weixin_55846296的博客
01-05 532
管理系统编辑页面存在子表，数据提交之前需要对子表进行非空校验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值