<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""><script src="jquery-1.8.0.js"></script> </HEAD> <BODY> <TABLE width="35%" height="160"border="0" align="center"> <TR> <TD height="32" colspan="2" align="center">用户登录</TD> </TR> <TR> <TD width="29%" height="36">登录名称</TD> <TD width="71%"><input class="text" type="text"/></TD> </TR> <TR> <TD height="38">登录密码</TD> <TD><input class="text" type="password"/></TD> </TR> <TR> <TD colspan="2" align="center"> <input type="submit" id="btn" value="登录" onclick="check()"/> </TD> <TD></TD> </TR> </TABLE> </BODY></HTML><script> $("#btn").click( function() { $(".text").each( function() { if($(this).val()=="") { alert("所有的文本框都必须填写!"); return false; } } ) })</script>
你这写法本来就不对。js里面按照你写的意思,是给btn绑定一个click事件。页面上,你是直接调用check()方法。
要么你把页面上调用check去掉,然后绑定
$(function(){
$("#btn").bind('click',function(){
//do somethings
});
});
要不然就是调用check,写一个check方法
function check(){
//do somethings
}
click ( 是个中文括号来的。
这个好多余
验证是否为空或者内容不符,jquery有鼠标离开事件,还有就是$(document).ready(function(){})哪去了