最简单的表单验证一般就是验证一下用户名或者密码是否为空,很多要求不高的网站,只要满足这两点也就算是实现要求了,下面就是一段这样的代码实例,和大家分享一下。

代码如下:
   [ 其他 ] 运行代码    下载代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript"> 
function isEmpty(){   
  var _form=document.myform;   
  if(_form.name.value==""){   
    alert("用户名不能为空!");  
    _form.name.focus();        
    return false;   
  }   
  if(_form.pwd.value==""){   
    alert("密码不能为空!");  
    _form.pwd.focus();       
    return false;   
  }  
  return true;
}
window.onload=function(){
  var obt=document.getElementById("bt");
  obt.onclick=function(){
    return isEmpty();
  }
}
</script>
</head>
<body>
<form action="http://www.softwhy.com" name="myform">
<ul>
  <li>姓名:<input type="text" name="name" /></li>
  <li>密码:<input type="password" name="pwd" /></li>
  <li><input type="submit" value="提交表单" id="bt"/></li>
</ul>
</form>
</body>
</html>

代码描述:js验证 用户名密码为空。js验证用户名和密码为空代码实例下载



141 188



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到