from表单禁止提交

最新推荐文章于 2022-08-21 01:24:21 发布
最新推荐文章于 2022-08-21 01:24:21 发布
阅读量839 收藏
点赞数
文章标签： 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
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
利用JS屏蔽页面中的Enter按键提交表单的方法

				
			

			

				

					11-29
				

			

		

		

			
				
如在设置了JS代码响应<p>标签的Enter按键触发事件时，根据冒泡型事件原则该事件会一直传到<from>表单处，并将表单提交。这不是我们想要的效果，我们可以设置如下代码来加以屏蔽：

$(document).keydown(function(event){
  switch(event.keyCode){
     case 13:return false;
     }
});
但是，如果页面中有按钮时在Opera浏览器中同样会提交表单，这是因为按钮在生成的HTML代码中是submit类型的，解决办法是：在按钮中设置UseSubmitbehavior=”false”，这样按钮在页面中生成的

			
		

	



                

              
                



	

		

			

				
					
form表单提交，防止自带提交

				
			

			

				

					u014644574的博客
				

				

					08-30
					
					326
					
				

			

		

		

			
				
form表单提交，防止自带提交

			
		

	



                


  
              

                


	

		

			

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

				
			

			

				

					09-03
				

			

		

		

			
				
主要介绍了禁止按回车键提交表单的方法的相关资料,需要的朋友可以参考下

			
		

	





	

		

			

				
					
用于员工位置跟踪的FeetPort「FeetPort for Employee Location Tracking」-crx插件

				
			

			

				

					03-24
				

			

		

		

			
				
FeetPort授权任何组织将其现场部队的工作数字化。从标记出勤到地理位置跟踪，...
FeetPort使任何组织都可以数字化其野战部队的工作。
从标记出勤到地理位置跟踪，员工位置跟踪，现场部队任务管理等，FeetPort都内置了所有功能。
基于Web的管理控制台使您可以创建自定义表单，这些表单可以替换其基于纸张的版本，并可以直接在基于触摸的移动界面上捕获信息。
这些动态表格可用于→市场访问→公共调查→物理审核→安全→安全检查→验证与检查→销售电话（带有订单管理）简而言之，您可以使用FeetPort重新设计任何流程。
如果您正在考虑更换纸张和最大程度地提高效率-您来对地方了:thumbs_up:访问我们的网站→http://www.feetport.com⎋阅读一下FeetPort中可用的全部功能套件的应用程序。
它们的简要信息在下面列出：★动态表单⇢文本框，下拉列表，滑块，收音机，多选和条形码/ QR码扫描仪tre检索信息的速度比您键入的速度快☆捕获证明⇢捕获图像，签名和音频剪辑⇢安全地存储在应用程序存储中，而无需访问WhatsApp /图库★任务分配⇢将Excel上传到控制台⇢通过为员工映射区域来手动或自动分配☆索赔管理⇢使用FeetPort保留员工差旅津贴的标签⇢提交差旅费⇢跟踪手机通话和消息★移动设备使用情况⇢选择在工作时间内允许和禁止使用哪些应用程序，设备上也会出现相同的情况⇢您可以根据员工层次结构进行调整☆位置跟踪⇢使用GPS / Cell跟踪位置塔台和互联网⇢播放带有电池和天气更新的跟踪动画⇢在有人嘲笑位置的情况下深入了解手机★定制报告⇢获取PDF，Excel等格式的输出⇢Vis
利用条形图，折线图，饼图和热图来提高团队的绩效！
also我们还为您设计定制报告-给我们发消息！
☆集成⇢FeetPort与用于Aadhaar身份验证的生物识别设备配合使用⇢使用JSON Web服务与您的CRM / ERP无缝集成⇢无线打印机用于收据等，甚至血氧仪用于脉冲检查⇢轻松连接任何蓝牙接口，我们将向您显示指标使工作顺畅★通讯中心⇢设置消息触发器via通过SMS，电子邮件或推送通知将消息发送给任何人☆地理出勤with使用自拍照，地理位置，人脸或语音识别来设置出勤ing标记会根据班次自动在地图上发生定时，例如上午9点至下午6点★配置from从FeetPort直接拨打电话⇢使用Google Maps轻点即可导航到您的客户位置！
t FeetPort也可以离线工作-通过在本地保存所有数据并在网络再次可用时进行同步☆订单管理⇢销售团队可以随时随地接收订单并生成发票⇢可以轻松地将发票自动邮寄给您的新客户:)◉还有什么？
⇢FeetPort可以在线和离线工作:mobile_phone_with_arrow:⇢FeetPort不受网络限制-可以丢弃2G / 3G / 4G或Wifi的任何内容:satellite:using使用自己的带有LDAP / SAML协议的服务器进行身份验证◉如何可靠？
⇢两步用户登录过程⇢安全会话管理⇢设备映射到用户不允许任何人使用第二台设备进行访问。
是的！
⇢具有单一IP访问权限的强大防火墙只能确保数据安全
支持语言:English

			
		

	



		

			
		



	

		

			

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

				
			

			

				

					10-23
				

			

		

		

			
				
如何防止回车（enter）键提交表单，其实很简单，就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了

			
		

	





	

		

			

				
					
取消form表单自动提交

				
			

			

				

					better_super的博客
				

				

					04-27
					
					3060
					
				

			

		

		

			
				
1.form表单会自动提交的几种情况

1）表单里有一个type="submit"的按钮，回车键生效

2）表单里只有一个type="text"的input，回车键生效。

解决一键回车表单提交只需在form上加上onsubmit="return false;"就行



该<form>标签里面的<button>的Type属性改为button,那样也可以取消form表单的自动提交

我们在<button>标签中没加上type="button"的话，from会自动将type

			
		

	





	

		

			

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

				
			

			

				

					程宇寒
				

				

					08-07
					
					2328
					
				

			

		

		

			
				
如何阻止表单提交

HTML禁止表单提交方法



























源代码如下：

form2.html


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

			
		

	





	

		

			

				
					
js阻止表单提交的两种方式

				
			

			

				

					xiaosong96的专栏
				

				

					09-29
					
					588
					
				

			

		

		

			
				
做web开发的，写表单提交的代码那是家常便饭。既然是要提交表单，那肯定就会进行表单验证，有些程序员会把验证放在服务器端，让服务器来进行验证，试想，这样把数据传来传去，效率有多低啊！！如果表单里的数据量过大，则会严重占用服务器带宽。何况现在是WEB2.0的时代了，随着Google、网易等使用Ajax技术的兴起，把表单验证放在服务器端，实在是太落后了。
今天，我们就来看看，如何把表单验证放在浏览器客...

			
		

	





	

		

			

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

				
			

			

				

					2³
				

				

					08-04
					
					7417
					
				

			

		

		

			
				
一、首先总结  阻止 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
					
					6955
					
				

			

		

		

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

			
		

	





	

		

			

				
					
如何阻止表单的自动提交 - onclick - onsubmit - return true / false；

				
			

			

				

					Muxiu
				

				

					05-10
					
					1097
					
				

			

		

		

			
				
目录表单的默认提交理解 onclick 和 onsubmit 参数的先后顺序补充：
表单的默认提交

一般，后台程序员与表单打交道的时间是最多的

最近学习Html 表单的提交验证，没想到运行时，都会给我自动提交，这真是难为我了，查了一下，原来是onclick/onsubmit方法的机制问题，我们看似正常传递了函数，用来验证提交是否有问题，如账号或密码是空的验证操作，就不提交表单了。
具体看一下html代码：
<!-- 表单配置 -->
<form action="/index/" met

			
		

	





	

		

			

				
					
阻止表单提交的完美方式

				
			

			

				

					classabcd的博客
				

				

					11-29
					
					1511
					
				

			

		

		

			
				
--------------------- 
作者：mayday526 
来源：CSDN 
原文：https://blog.csdn.net/whd526/article/details/78178451 

1.将&lt;input&gt;标签内按钮类型从type="submit"修改为type="button"

2.表单内的&lt;button&gt;未指定类型时，默认的类型为submit，...

			
		

	





	

		

			

				
					
JQuery禁用form提交事件

				
			

			

				

					fendo
				

				

					06-04
					
					7687
					
				

			

		

		

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



	function check(){
		var password = document.getElementById("password").value;
		var pwd = document.getElementBy

			
		

	





	

		

			

				
					
阻止form表单提交

				
			

			

				

					zhenhuaYang 的个人博客
				

				

					10-31
					
					1479
					
				

			

		

		

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

			
		

	





	

		

			

				
					
禁用Form表单提交的跳转

				
			

			

				

					Markix的博客
				

				

					08-21
					
					2059
					
				

			

		

		

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

			
		

	





	

		

			

				
					
表单提交后禁用按钮

				
			

			

				

					php菜鸟技术天地
				

				

					06-02
					
					1908
					
				

			

		

		

			
				
head>
meta http-equiv="Content-Type" content="text/html; charset=utf-8"
/>
title>表单提交后按钮禁用title>
script type="text/javascript">
function sub() {
document.forms[0].elements[0].disabled =
true;
//docume

			
		

	





	

		

			

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

				
			

			

				

					曰业而安的博客
				

				

					02-04
					
					3153
					
				

			

		

		

			
				
1. 背景介绍

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

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

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

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

....

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

2. 解...

			
		

	





	

		

			

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

				
			

			

				

					Web 开发&软件开发
				

				

					07-23
					
					1704
					
				

			

		

		

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

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

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

			
		

	





	

		

			

				
					
from表单怎么提交

					
最新发布

				
			

			

				

					05-29
				

			

		

		

			
				
提交 from 表单可以使用两种方式：  1. 使用提交按钮：  在 form 表单中添加一个 submit 类型的按钮，当用户点击按钮时，表单会自动提交。  例如：  ```     提交">  ```  2. 使用 JavaScript：  可以使用 ...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值