from表单禁止提交

最新推荐文章于 2023-08-26 14:44:49 发布
最新推荐文章于 2023-08-26 14:44:49 发布
阅读量914 收藏
点赞数
文章标签： javascript ViewUI
1、JavaScript验证阻止提交表单
 

  1. <html> 
  2. <head> 
  3.  <metahttp-equiv="Content-Type"content="text/html;charset=gbk">  
  4. <title>JavaScript禁止提交表单</title> 
  5.  <scripttype="text/javascript">  
  6.  functiongetObj(id){  
  7.  varObj=document.getElementById(id).value;  
  8.  returnObj;  
  9. } 
  11.  functioncheck(){  
  12.  if(getObj("test")==""){  
  13.  alert("文本框输入为空，不能提交表单！");  
  14.  document.getElementById("test").focus;  
  15.  returnfalse;//false:阻止提交表单  
  16. } 
  17. } 
  18. </script> 
  19. </head> 
  20. <body> 
  21.  <formaction="index.htm"method="post"οnsubmit="returncheck()">  
  22.  <inputtype="text"name="test"id="test">  
  23.  <inputtype="submit"value="提交">  
  24. </form> 
  25. </body> 
  26. </html>
 

 2、jQuery验证阻止表单提交
 

 

  1. <html> 
  2. <head> 
  3.  <metahttp-equiv="Content-Type"content="text/html;charset=gbk">  
  4.  <scripttype="text/javascript"src="/sunchis/script/jquery-1.3.2.js"></script>  
  5.  <scripttype="text/javascript">  
  6.  $(document).ready(function(){  
  7.  $(":submit[id=tijiao]").click(function(check){  
  8.  varval=$(":text[id=test]").val();  
  9.  if(val==""){  
  10.  alert("文本框输入为空，不能提交表单！");  
  11.  $(":text[id=test]").focus();  
  12.  check.preventDefault();//此处阻止提交表单  
  13. } 
  14. }); 
  15. }); 
  16. </script> 
  17. <title>jQuery禁止提交表单</title> 
  18. </head> 
  19. <body> 
  20.  <formaction="index.htm"method="post">  
  21.  <inputtype="text"name="test"id="test">  
  22.  <inputtype="submit"id="tijiao"value="提交">  
  23. </form> 
  24. </body> 
  25. </html>

                

        




    

  



    

      

        

            

              
                
                  iteye_19603
                
              
            

            

                关注
              
            

        

        

          
      

      










                



	

		

			

				
					
ajax提交时表单自动提交，阻止表单的默认提交事件

				
			

			

				

					马句
				

				

					08-29
					
					1851
					
				

			

		

		

			
				
一、问题描述

在改版pc一个动态发布页面的时候

页面使用的form表单提交页面数据

其中在页面中有一个人员选择的搜索按钮

按钮上绑定了点击事件触发ajax



每次点击搜索就会莫名其妙的把表单给自动提交了

一脸懵逼啊



二、解决办法

①在form标签中添加οnsubmit="return false;"

表单按钮onclick事件：
onclick="return true"...

			
		

	



                

            
              



	

		

			

				
					
防止form表单提交的几种方式

				
			

			

				

					曰业而安的博客
				

				

					02-04
					
					3357
					
				

			

		

		

			
				
1. 背景介绍

在开发项目中肯可能会出现如下情况：

  1. 用户的失误操作，多次点击表单提交按钮

  2. 由于网速等原因造成页面卡顿，用户重复刷新提交页面

  3. 黑客或恶意用户使用postman等工具重复恶意提交表单

....

这些情况都会导致表单的重复提交，导致数据重复，增加服务器的压力，甚至会造成服务器宕机，因此要有效防止表单重复提交非常必要。

2. 解...

			
		

	



              


  
              

                


	

		

			

				
					
阻止from表单提交

				
			

			

				

					zouyang920的博客
				

				

					03-17
					
					312
					
				

			

		

		

			
				

			
		

	





	

		

			

				
					
阻止 form 表单的默认提交

					
最新发布

				
			

			

				

					qq_40147756的博客
				

				

					08-26
					
					2236
					
				

			

		

		

			
				
表单提交的3种方式，以及如何阻止表单的提交行为。

			
		

	



		

			
		



	

		

			

				
					
如何防止enter提交from表单

				
			

			

				

					张虹旺的博客
				

				

					06-14
					
					1395
					
				

			

		

		

			
				
onkeydown="if(event.keyCode==13)return false;"


或者 直接直接这样写

			
		

	





	

		

			

				
					
禁止二次提交

				
			

			

				

					qq_39441424的博客
				

				

					05-31
					
					386
					
				

			

		

		

			
				
$this-&gt;registerJs('
$("form").submit(function() {
    $(".btn-batch-create").attr("disabled", true);
});
');

			
		

	





	

		

			

				
					
php阻止from默认提交,如何阻止

				
			

			

				

					weixin_39588223的博客
				

				

					03-10
					
					271
					
				

			

		

		

			
				
阻止标签默认行为方式一  (通过return false)阻止事件的默认行为window.onload = function() {var a = document.getElementById('mya');a.onclick = function() {alert(this.innerHTML);/*通过return false; 实现阻止了点击a标签后,页面的跳转*/return false...

			
		

	





	

		

			

				
					
禁止按回车键提交表单的方法

				
			

			

				

					09-03
				

			

		

		

			
				
本文将详细讲解如何禁止用户通过回车键来提交表单，以避免这种不必要的行为。  首先，我们要了解浏览器对表单的默认处理方式。在含有单个文本输入框的表单中，按下回车键会自动触发表单的提交。这是因为浏览器认为这...

			
		

	





	

		

			

				
					
表单提交 fastadmin  form

				
			

			

				

					aochijing0046的博客
				

				

					03-07
					
					1820
					
				

			

		

		

			
				
1、引入form组件

require(['form'], function(Form){});

2、生成form元素
3、绑定事件之验证（也可以绑定总表单事件Form.events.bindevent(form)）

Form.api.bindevent(form, success, error, submit);

4、提交

//提交表单的方法，在表单完成验...

			
		

	





	

		

			

				
					
JavaScript阻止回车提交表单的方法

				
			

			

				

					10-23
				

			

		

		

			
				
为了提高用户体验，表单通常设计为支持快捷操作，例如使用回车（Enter）键提交表单。然而，在某些情况下，如文本输入框之外的地方按下回车键时，可能会导致意外的表单提交，这并不是开发者或用户所期望的行为。因此...

			
		

	





	

		

			

				
					
提交表单禁用按钮_提交表单后禁用“提交”按钮

				
			

			

				

					Web 开发&软件开发
				

				

					07-23
					
					1778
					
				

			

		

		

			
				
提交表单后禁用“提交”按钮 

 如果编程缓慢或用户连接滞后，则多次单击“提交”按钮可能会导致重复处理。 重复处理可以包括重复的数据库记录，多封电子邮件或不同类型的错误。 一旦表单提交，JavaScript提供了一种简便的方法来禁用表单的多次提交。 
 代码 
 在HTML中，使用以下“ onsubmit”信息： 

 触发均匀表单提交很重要-并非每个人都单击 “提交”按钮。 您还需要为您的提交...

			
		

	





	

		

			

				
					
html中form表单提交和阻止表单提交的细节

				
			

			

				

					一只苟延残喘的卑微蝼蚁
				

				

					08-07
					
					2658
					
				

			

		

		

			
				
如何阻止表单提交

HTML禁止表单提交方法



























源代码如下：

form2.html


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单提交知识点</title>
<link rel="stylesheet" type="text/css" href="../css/body.css" />
&l

			
		

	





	

		

			

				
					
阻止form表单提交，和提交时产生的问题总结

				
			

			

				

					2³
				

				

					08-04
					
					9618
					
				

			

		

		

			
				
一、首先总结  阻止 form 表单提交的几种方法

<button> 提交时，type默认为submit，阻止提交将type改为button，即 type="button"

<form action="">
  <button type="submit"></button> 
</form>


<input> 提交时，将type改为button，即 type="button"

<form action="">
  &

			
		

	





	

		

			

				
					
阻止form表单提交按钮的默认 action

				
			

			

				

					小小的博客
				

				

					08-01
					
					7076
					
				

			

		

		

			
				
$(document).ready(function(){
  $("form").submit(function(e){
    e.preventDefault();
    alert("Submit prevented");
  });
});

			
		

	





	

		

			

				
					
禁用Form表单提交的跳转

				
			

			

				

					Markix的博客
				

				

					08-21
					
					2537
					
				

			

		

		

			
				
默认Form表单提交后浏览器地址会跳转到action地址，有时候我们只是想要Form表单发起一个请求，并不希望浏览器的地址跳转。这就需要禁用Form表单的跳转机制。

			
		

	





	

		

			

				
					
阻止form表单提交

				
			

			

				

					zhenhuaYang 的个人博客
				

				

					10-31
					
					1592
					
				

			

		

		

			
				
今天写程序，发现一件很奇怪的事情，一个form表单框，里面只有一个text输入框，将鼠标放入到输入框内，敲击回车，表单就自动提交了，连个按钮都没有，很是费解，后来问了度娘才知道。浏览器在解析网页的时候，有许多默认的行为，例如如果一个页面上有表单和一个提交按钮，那么打开页面时，焦点会自动落在这个提交按钮上面。同样如果一个表单中只有一个单行文本输入域（text），那么在这个输入域中按Enter键时，浏览

			
		

	





	

		

			

				
					
form表单如何不直接提交？

				
			

			

				

					qq_42980244的博客
				

				

					07-05
					
					4706
					
				

			

		

		

			
				
1.在from表单上添加属性onsubmit

2.在中间写上checkform()方法
<script type="text/javascript">

function checkform(form){
		
			if(readcount == 0){
				return false;
			}
			return true;
		};
</script>

该方法...

			
		

	





	

		

			

				
					
表单提交与重置事件

				
			

			

				

					resoursekey的博客
				

				

					07-06
					
					4707
					
				

			

		

		

			
				
表单提交事件（onsubmit）是在用户提交表单时（通常使用“提交”按钮，也就是将按钮的type属性设为submit），在表单提交之前被触发，因此，该事件的处理程序通过返回false值来阻止表单的提交。该事件可以用来验证表单输入项的正确性。表单重置事件（onreset）与表单提交事件的处理过程相同，该事件只是将表单中的各元素的值设置为原始值。一般用于清空表单中的文本框。格式：&lt;form na...

			
		

	





	

		

			

				
					
form--input如果为空的话禁止action跳转页面（js）

				
			

			

				

					Mark
				

				

					12-07
					
					3778
					
				

			

		

		

			
				
无标题文档





 
 function check()
  {var i=1;//right
    if(document.form1.username.value=="")
 {
 document.getElementById("user").innerHTML="* 用户名不能为空";
 document.getElementById("user").styl

			
		

	





	

		

			

				
					
前端表单验证实现与邮箱验证单选按钮示例

				
			

			

				

					
				

			

		

		

			
				
4. 如果验证未通过，则向用户显示错误消息，并禁止表单提交。 5. 如果所有验证都通过，则允许表单继续提交。  在Demo中，可能包含了修改过的代码来演示如何通过JavaScript实现上述步骤。例如，可能会有代码段用于...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值