一起学习jquery,
解决的办法是:使用button按钮,而不是submit按钮 看下面的例子
<title>用户修改密码</title> <script type="text/javascript" src="scripts/jquery-2.0.2.js"></script> <script type="text/javascript"> function check(){ var npassword=$("#npassword").val(); var npassword2=$("#npassword2").val(); if(npassword==null||npassword==""){ alert("密码不能为空!"); $("#npassword").focus(); return false; } else if(npassword2!=npassword){ alert("两次密码不一致"); $("#npassword2").attr("value",""); $("#npassword2").focus(); return false; }else{ $("#form").submit(); } } </script> </head> <body bgcolor="#E2E4F0"> <form name="form" id="form" action="selfservice.jsp" method="post" > <input type="hidden" name="action" value="modpassword"/> <table border="2" align="center" style="margin:200px 100px 200px 400px "> <tr> <td>新密码:</td> <td><input type="password" id="npassword" name="npassword"/></td> </tr> <tr> <td>确认密码:</td> <td><input type="password" id="npassword2" name="npassword2"/></td> </tr> <tr> <td><input type="button" value="提交" onclick="return check();"></td> <td><input type="reset" value="重置"></td> </tr> </table> </form> </body>
2.学习下jquery如何提交表单
步骤
(1) 创建一个新文件,将它命名为formSubmit.html并保存在chapter1目录中。
(2) 编写以下代码,这段代码将创建一个表单,其中包含一个input按钮(而不是submit按钮)。添加一些将在单击该按钮时触发并提交该表单的jQuery代码。
<html> <head> <title>Submitting forms</title> </head> <body> <form id="myForm"> <input type="button" value="Submit Form" /> </form> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $('input:button').click(function() { $('#myForm').submit(); }); }); </script> </body> </html>
一起jquery,ab蓝学网
(3) 运行formSubmit.html文件并单击input按钮,它将提交该表单。
1.5.3 原理
在本例中,向input按钮附加click事件处理函数。该事件处理函数将在单击按钮时执行。单击按钮时,将在表单上调用jQuery的submit()方法,这将提交该表单。所有浏览器都有一个原生的提交方法,用于以编程方式提交表单。jQuery将此功能包装到了它自己的submit()方法中。
1.5.4 更多信息
控制表单提交
如果表单有一个submit按钮,那么我们可以控制是否提交该表单。在本例中,必须向表单附加事件处理函数,此事件处理函数将在单击特定表单上的submit按钮时执行。
$('#myForm').submit(function() { return false; });
上述代码将在单击ID为myForm的表单上的submit按钮时执行。如果处理函数返回false,不会提交表单。这对验证表单非常方便。验证表单值的代码可以放在处理函数中。如果表单值通过验证,返回true,提交表单。验证失败时,返回false,则不允许提交表单。
另一个选项是使用preventDefault()。由名称可以看出,preventDefault()会阻止执行默认事件。它是event对象的一个属
$('#myForm').submit(function(event) { event.preventDefault() }); 内容