js表单验证提交失败

lba8610 2011-11-08 06:46:08

每次输入框填充数据后进行判断，当所有值为真是form表单才给提交；
onblur="checkUser(this)" 如何能访问方法checkForm（）下的checkUser（）方法



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>表单验证</title>

</head>

<body>

<form action="" method="post" onclick="return checkForm()">

用户名：<input type="text" name="user" id="user" onblur="checkUser(this)" /><span id="err_user"></span><br />

电话：<input type="text" name="tel" id="tel" onblur="checkTel(this)" /><span id="err_tel"></span><br />

<input type="button" value="确定" />

</form>

<script type="text/javascript">

function $d(o){return document.getElementById(o);}

function checkForm(){

	function checkUser(user){

		var user=user.value;

		if(user=='' || user.length<6){

			$d("err_user").innerHTML="用户名不能为空或字符长度不够";

			return false;

		}

		$("err_user").innerHTML="";

		return true;

	}

	function checkTel(tel){

		var tel=tel.value;

		if(tel=='' || tel.length==0){

			$d("err_tel").innerHTML="联系方式不能为空";

			return false;

		}

		$("err_user").innerHTML="";

		return true;

	}

	

}

</script>

</body>

</html>

...全文

190 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

hookee 2011-11-08

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>表单验证</title>

</head>

<body>

<form action="" method="post" onsubmit="return checkForm()">

用户名：<input type="text" name="user" id="user" onblur="checkUser(this)" /><span id="err_user"></span><br />

电话：<input type="text" name="tel" id="tel" onblur="checkTel(this)" /><span id="err_tel"></span><br />

<input type="submit" value="确定" />

</form>

<script type="text/javascript">

function $d(o){return document.getElementById(o);}

    function checkUser(user){

        var user=user.value;

        if(user=='' || user.length<6){

            $d("err_user").innerHTML="用户名不能为空或字符长度不够";

            return false;

        }

        $d("err_user").innerHTML="";

        return true;

    }

    function checkTel(tel){

        var tel=tel.value;

        if(tel=='' || tel.length==0){

            $d("err_tel").innerHTML="联系方式不能为空";

            return false;

        }

        $d("err_tel").innerHTML="";

        return true;

    }

function checkForm(){

    return checkUser( $d('user') ) &&  checkTel( $d('tel') );

}

</script>

</body>

</html>