JQuery禁用form提交事件

野性酷女 2022-06-13 23:18 194阅读 0赞

在form表单中使用了button的onclick进行跳转,每次点击button时,就会引起表单的提交事件,解决方法就是在点击button的时候禁用表单提交事件:

<script type="text/javascript">
    	function check(){
    		var password = document.getElementById("password").value;
    		var pwd = document.getElementById("pwd").value;
    		if(password==pwd){
    			alert("验证正确");
    			document.getElementById('form1').submit(); //验证成功进行表单提交
    		}else{
    			alert("验证错误，请重新输入");
    			//window.location.href="index.jsp"; 可以将其连接到指定的位置
    		}
    	}
    	
    	
    	function add(){
    		$("#form1").submit(function(e){
    			e.preventDefault();
    		});
    		window.location.href = "index.jsp";
    	}
    	
    	
    </script>
    
    <form action="action" method="post" id="form1">
        用 户 名:<input type="text" name="username" id="username">
        密   码:<input type="password" name="password" id="password">
        确认密码:<input type="password" name="pwd" id="pwd">
    	<input type="button" οnclick="add()" value="跳转">       /*这里点击跳转,没用,会刷新下页面*/
        <input type="button" οnclick="check()" value="提交" > 
    </form>

发表评论取消回复

表情：

评论列表（有 0 条评论，194人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery禁用/启用提交按钮

问：我有这个 HTML：我该怎么做这样的事情：当文本字段为空时，应禁用提交 (disabled=“disabled”)。在文本字段中键入内容以删除禁用属性时

以你之姓@/ 2024年03月30日 17:50/ 0 赞/ 61 阅读

相关禁用Form表单提交的跳转

Form表单的默认跳转机制 from表单如下： <form id="myForm" action="/user/add" method="post">

矫情吗；*/ 2023年10月02日 20:42/ 0 赞/ 13 阅读

相关 jquery提交ajax Form(未完成)

ajaxSubmit 和ajaxForm区别官方解释 What is the difference between ajaxForm and ajaxSubmit

淡淡的烟草味﹌/ 2022年08月19日 01:40/ 0 赞/ 170 阅读

相关 jQuery提交form表单

<form id="search_form" name="search_form" method="post"> <input type="tex

「爱情、让人受尽委屈。」/ 2022年08月02日 09:44/ 0 赞/ 318 阅读

相关 JQuery禁用form提交事件

在form表单中使用了button的onclick进行跳转,每次点击button时,就会引起表单的提交事件,解决方法就是在点击button的时候禁用表单提交事件:

野性酷女/ 2022年06月13日 23:18/ 0 赞/ 195 阅读

相关 SpringMvc+POI 处理Excel的导入操作(一般form提交和jquery.form.js提交)

说明 POI可以对2003-和2007+版本的Excel文件做导入导出操作，本章只简单介绍对Excel文件的导入操作。 Excel文件的上传处理处理请求，

曾经终败给现在/ 2022年06月11日 08:42/ 0 赞/ 170 阅读

相关 jQuery ajax()使用serialize()提交form数据

jQuery的serialize()方法通过序列化表单值，创建URL编码文本字符串，我们就可以选择一个或多个表单元素，也可以直接选择form将其序列化，如： <for

红太狼/ 2022年05月30日 10:18/ 0 赞/ 181 阅读

相关 jquery.validate+jquery.form提交的三种方式

原文：[http://www.cnblogs.com/datoubaba/archive/2012/06/06/2538873.html][http_www.cnblogs.

蔚落/ 2022年03月31日 11:54/ 0 赞/ 229 阅读

相关 form提交--jquery.form.js

jquery.form.js 官网 http://www.malsup.com/jquery/form/ 先写一个简单的form，提交后在后台打印参数。

刺骨的言语ヽ痛彻心扉/ 2022年03月19日 14:19/ 0 赞/ 234 阅读

相关 jQuery 禁用表单提交按钮，防止用户请求重复提交

当页面上有表单的时候，为了防止用户等不及服务器端响应重复点击提交按钮向服务器端发送重复请求，我们通常需要在请求提交之前将提交按钮禁用。先来看一下页面。 ![在这里插入图片

柔情只为你懂/ 2021年05月12日 11:49/ 0 赞/ 559 阅读