首页 / JQUERY / jquery验证表单 提交表单
jquery验证表单 提交表单
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jquery验证表单 提交表单，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2690字，纯文字阅读大概需要4分钟。
内容图文
一起学习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()
}); 内容
内容总结
以上是互联网集市为您收集整理的jquery验证表单 提交表单全部内容，希望文章能够帮你解决jquery验证表单 提交表单所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。