一个简单的验证,没有用验证框架,适用于简单的表单提交验证。
以下是代码,可以运行的。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
var submitFlag = false;
function checkName1() {
$("#name1Tip").val("");
submitFlag = true;
var name1 = $("#name1").val();
//如果为空,提示不能为空。
if(name1 == "") {
$("#name1Tip").html("<font color=red>name1不能为空</font>");
submitFlag = false;
return;
}
//其它条件。。if(){}
$("#name1Tip").html("<font color=green>name1填写正确</font>");
}
function checkName2() {
$("#name2Tip").val("");
submitFlag = true;
var name2 = $("#name2").val();
//如果为空,提示不能为空。
if(name2 == "") {
$("#name2Tip").html("<font color=red>name2不能为空</font>");
submitFlag = false;
return;
}
//其它条件。。if(){}
$("#name2Tip").html("<font color=green>name2填写正确</font>");
}
function checkSubmit(){
checkName1();
checkName2();
if(submitFlag) {
$("#form1").submit();
}
}
</script>
</head>
<body>
<form action="" id="form1">
name1<input type="text" id="name1" οnblur="checkName1()"><span id="name1Tip"></span><br>
name2<input type="text" id="name2" οnblur="checkName2()"><span id="name2Tip"></span><br>
<input type="button" value="submit" οnclick="checkSubmit()">
</form>
</body>
</html>