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

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

1.onsubmit的格式写错:正确格式--> 

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

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

 

${pageContext.request.contextPath}表示后面导入jquery的路径是绝对路径,固定写法,不要变,如果不想用绝对路径,可以采用以下方法: 

有一个非常坑的地方,我就是在这里摔了,是,而不是,href是与link连用,如

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

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

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

       a.使用简单javascript的方法:

表单提交验证onsubmit=

b.使用jquery方式:

表单提交验证onsubmit=

 

 

你可能感兴趣的:(表单提交验证onsubmit=" return checkForm()"无效,(验证用户名和密码是否为空))