js禁止回车提交表单的示例代码

如下所示;


代码如下:

function ifenter(){
  if(event.keyCode==13){
  return   false;
  }else if(event.srcElement.type=="submit"){
  form1.submit();
  }
  }
  document.onkeydown=ifenter;

赞 (0)

相关推荐

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

    出现自动提交的情况,有两种可能: 一是编写了javascript代码,当用户点按Enter键时,通过js事件侦听机制触发表单的提交. 二是利用了浏览器的默认行为(至少发现ie是这样的).浏览器在解析网页的时候,有许多默认的行为,例如如果一个页面上有表单和一个提交按钮,那么打开页面时,焦点会自动落在这个提交按钮上面.同样如果一个表单中只有一个单行文本输入域(text),那么在这个输入域中按Enter键时,浏览器会自动提交该表单. 我们对于第一种情况一般都知道而且很容易理解,但是对于第二种浏览器的默

  • 如何防止回车(enter)键提交表单

    如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了. 如果在页面中按Enter键会自动提交的话,可以设置返回值防止自动提交如<input id="q" name="q" type="text" onkeypress="javascript:return gosearch();&q

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

    如在设置了JS代码响应<p>标签的Enter按键触发事件时,根据冒泡型事件原则该事件会一直传到<from>表单处,并将表单提交.这不是我们想要的效果,我们可以设置如下代码来加以屏蔽: $(document).keydown(function(event){ switch(event.keyCode){ case 13:return false; } }); 但是,如果页面中有按钮时在Opera浏览器中同样会提交表单,这是因为按钮在生成的HTML代码中是submit类型的,解决办法是

  • js禁止回车提交表单的示例代码

    如下所示; 复制代码 代码如下: function ifenter(){   if(event.keyCode==13){  return   false;  }else if(event.srcElement.type=="submit"){   form1.submit();   }  }   document.onkeydown=ifenter;

  • 不同浏览器对回车提交表单的处理办法

    条件是: 在IE和Firefox下 1.<form>属性的"action"字段必填: 2.有一个type="submit"的"input". 在Chrome和Safari下 满足第一条即可.(注释1) 所以,如果要控制提交行为的话(比如,提交前检查必填项是否已填),可以在type="submit"的"input"后添加Javascript"onXXX(比如onClick)"事

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

    大家对回车键的功能应该比较熟悉,比如在windows系统的很多应用程序中,只要点击回车键就可以进入此程序或者开启某项功能,不过有时候我们希望阻止它的功能,例如在填写表单的时候,可能不小心点击回车键造成表单误提交,下面就来简单介绍一下如何实现此功能.代码实例如下: 如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了. <!DOCTYPE html&g

  • js实现不提交表单获取单选按钮值的方法

    js实现不提交表单获取单选按钮值的方法

    本文实例讲述了js实现不提交表单获取单选按钮值的方法.分享给大家供大家参考.具体如下: 这是JS实现的特效,不提交表单获取相关的控件值.如本例所示,不提交表单即可获取单选按钮的值. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-alert-show-table-value-codes/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

  • React实现登录表单的示例代码

    React实现登录表单的示例代码

    作为一个Vue用户,是时候扩展一下React了,从引入antd.配置less.router,终于实现了一个简单的登录表单. 代码如下: import React from 'react'; import { Input, Button, message } from "antd"; import { UserOutlined, LockOutlined, EyeInvisibleOutlined, EyeTwoTone } from '@ant-design/icons'; impor

  • django admin实现动态多选框表单的示例代码

    django admin实现动态多选框表单的示例代码

    背景 借助django-admin,可以快速得到CRUD界面,但若需要创建多选标签字段时,需要对表单进行调整 示例 model.py 一个tag(标签类),一个book(书本类) book携带tag,这里不借助有性能问题的外键 class tag(models.Model):     name = models.CharField(max_length=20, verbose_name='标签') class book(models.Model):     name = models.CharF

  • php中限制ip段访问、禁止ip提交表单的代码分享

    在需要禁止访问或提交表单的页面添加下面的代码进行判断就可以了. 注意:下边只是一个PHP限制IP的实例代码,如果您打算应用到CMS中,请自行修改. <?php /加IP访问限制 if(getenv('HTTP_CLIENT_IP') && strcasecmp(getenv('HTTP_CLIENT_IP'), 'unknown')) { $userip = getenv('HTTP_CLIENT_IP'); } elseif(getenv('HTTP_X_FORWARDED_FOR

  • JavaScript使用表单元素验证表单的示例代码

    JavaScript的主要作用:验证表单 1最简单的表单验证-禁止空白的必填项目 1.1最简单的HTML结构 网站最基础的就是注册,它是一个系统的交互基础. 例子: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简单列表的html结构</title> </head> <body> <form method=&qu

  • jquery禁止回车触发表单提交

    复制代码 代码如下: <form class="form-inline definewidth m20" action="/" method="get">              <input type="text" name="title" id="title"class="abc" value="">         

  • ajax jquery 异步表单验证示例代码

    ajax jquery 异步表单验证示例代码

    文件目录:  html代码: 复制代码 代码如下: <html> <head> <title>异步表单验证</title> <script type='text/javascript' src='jquery.js' ></script> <script> function checkname(){ //$("input[name='name']").val() $.ajax({ type:"

随机推荐