表单提交验证onsubmit=" return checkForm()"无效,(验证用户名和密码是否为空)

今天我做了一个jsp&servlet的小项目用于登录,在jsp界面,我用form中的onsubmit属性进行提交验证,其中使用jquery获取页面中的值,但是不行,没有验证到:经过我的不断调试,这种情况可以分为以下几种:

1.onsubmit的格式写错:正确格式-->  <form action="login" method="post" onsubmit="return checkForm()"></form>

2.格式正确,但是checkForm()里面的验证信息没有访问到,问题:retrrn 后面的function名字是不是写错了

3.格式,名称都写正确了,看是不是jquery是不是导入错误,正确的导入方法:

<script src="${pageContext.request.contextPath}/js/jquery-2.1.0.js" type="text/javascript"></script> 

${pageContext.request.contextPath}表示后面导入jquery的路径是绝对路径,固定写法,不要变,如果不想用绝对路径,可以采用以下方法:<script  type="text/javascript"  src="../js/jquery-2.1.0.js"></script> 

有一个非常坑的地方,我就是在这里摔了,是<script  src="?">,而不是<script  href="?">,href是与link连用,如<link href>;

这个地方请大家仔细检查;

4.最后一点,也是最难发现的一点,看是不是导入的jquery版本太低,导致有的功能不支持;

5.最后,奉上两种方式的验证用户名和密码是否为空的情况:

       a.使用简单javascript的方法:

表单提交验证onsubmit=" return checkForm()"无效,(验证用户名和密码是否为空)

b.使用jquery方式:

表单提交验证onsubmit=" return checkForm()"无效,(验证用户名和密码是否为空)