首页 > 编程语言 > 详细

javascript简单的表单验证

时间:2015-10-29 09:35:22      阅读:208      评论:0      收藏:0      [点我收藏+]
<html> 
<head> 
<title>用户登录</title> 
<script language="javascript" type="text/javascript">
function sub()
{
var user = document.form1.user.value;
var pass = document.form1.pass.value;

    if(user=="")
    {
        alert("用户名不能为空!");
     show.user.focus(); //会弹出提示 并得到焦点
return ; }else if(pass=="") { alert("密码不能为空!"); return; }else { document.form1.submit(); } } </script> </head> <body> <form action="authpage.asp" method="post" name="form1"> 用户名:<input type="text" name="user" style="width: 80px" /> 密码:<input type="text" name="pass" style="width: 80px" /> <input type="button" name="login" value="提交" onClick="sub()" /> </form> 这个简单的验证了下 . </body> </html>

form.user.focus  //会弹出alert提示,如果没有填写,验证完用户名后这是比较人性化的设计,并且自动把焦点切换到user的输入框

javascript简单的表单验证

原文:http://www.cnblogs.com/endtel/p/4919329.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!