`
zgqynx
  • 浏览: 1371031 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js onkeydown 事件 回车 提交表单

阅读更多
<html>
<body>
<script type="text/javascript">
function noNumbers(e)
{
var keynum;
var keychar;
var numcheck;

if(window.event) // IE
	{
	keynum = e.keyCode;
	}
else if(e.which) // Netscape/Firefox/Opera
	{
	keynum = e.which;
	}
keychar = String.fromCharCode(keynum);
alert(keychar)
numcheck = /\d/;
return !numcheck.test(keychar);
}
</script>

<form>
Type some text (numbers not allowed):
<input type="text" onkeydown="return noNumbers(event)" />
</form>

</html>

==================================
//如果输入回车,则提交表单
<input type="text" onkeydown="if(event.keyCode==13)document.forms[0].submit();"/>
分享到:
评论
1 楼 hanz188 2010-06-09  
在博主文章的基础上,我进行了一些改进,可以限制文本框只输入数字。具体代码如下:

function goto_page(e){
var keynumber; //键盘码
if(window.event){
   //浏览器为IE
   keynumber = e.keyCode;
}
if(e.which){
   //浏览器为Firefox、Opera
   keynumber = e.which;
}
if(keynumber < 48 || keynumber > 105 || (keynumber > 57 && keynumber < 96)){
	//如果输入字符不是数字,则将文本框的值设置为默认值1
   document.getElementById("pageno").value="1";
}
}


下面是html代码:

<input type="text" size="3" maxlength="3" id="pageno" value="1" onkeyup="goto_page(event)"></input>

相关推荐

    js 回车提交表单两种实现方法

    本文将探讨如何使用JavaScript和jQuery来实现当用户在表单中按下回车键时触发表单提交的两种方法。 首先,我们要了解在HTML中表单提交的基础。通常情况下,表单提交是通过在表单元素内点击提交按钮来完成的。然而,...

    按回车键提交表单~~~~~

    使用JavaScript处理键盘事件以实现表单的回车键提交功能 在Web开发中,我们经常需要为用户提供更友好的交互体验,其中一个常见的需求就是允许用户通过按下回车键来提交表单。这种方法可以提高用户体验,并且在很多...

    点击回车提交表单,应用Java技术实现。

    2. **JavaScript事件监听**:学习如何使用JavaScript监听键盘事件,并在用户按下Enter键时触发表单提交。 3. **Java后端处理**:简要介绍如何使用Java处理来自前端表单的数据。 #### 三、HTML表单元素 HTML...

    onkeydown事件解决按回车键直接提交数据的需求

    登陆页面需要扑捉用户按下回车自动提交的需求: 在body里添加onkeydown事件跳javascript在提交表单。 查找文档如下 onkeydown 事件会在用户按下一个键盘按键时发生。 语法:onkeydown=”SomeJavaScriptCode” 支持该...

    如何防止INPUT按回车自动提交表单FORM

    另一种方法是通过JavaScript监听input的键盘事件,当检测到回车键(键码13)被按下时,阻止默认的表单提交行为。以下是一个简单的示例: ```html &lt;input type="text" onkeydown="if(event.keyCode==13) return ...

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

    具体做法是在表单的onkeydown事件中添加判断逻辑,如果检测到按下的键是回车键(其键码为13),则通过返回false阻止表单的提交。示例代码如下: ```javascript window.onload=function() { var myform = document....

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

    在网页设计中,有时我们希望...总的来说,防止回车键提交表单主要是通过监听键盘事件并阻止回车键的默认行为,通过编写适当的JavaScript代码,你可以自定义表单在用户按下回车键时的行为,从而提供更友好的用户体验。

    javascript实现回车键提交表单方法总结

    首先,介绍使用纯JavaScript实现回车键提交表单的方法。这里的关键在于监听document对象上的键盘按下事件(keydown事件),并在事件处理函数中判断是否按下了回车键(其键码值为13)。若检测到回车键被按下,则执行...

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

    总结来说,禁止回车键提交表单的JavaScript实现主要是通过监听`keydown`事件,并对回车键的操作进行检查和控制。正确的实现方式应该是利用`event.preventDefault()`来确保表单不会被提交。同时,开发者在使用时需要...

    js与jquery回车提交的方法.docx

    ### JavaScript与jQuery实现回车键提交的方法 在Web开发中,常常需要处理用户通过键盘输入进行的交互操作,其中一种常见的需求就是通过检测用户的回车键来触发表单提交或其他功能。本文将详细介绍如何使用原生...

    按回车键时跳到下一个表单元素的javascript代码

    按回车键时跳到下一个表单元素的javascript代码 &lt;br&gt;函数说明:按回车键时跳到下一个表单元素 JumpToNextElement() 用于按回车键时跳到下一个表单元素(统一处理按回车键的问题) 在页面调用: &lt;script ...

    javascript 按回车键相应按钮提交事件.docx

    ### JavaScript 按回车键触发按钮提交事件详解 #### 一、背景介绍 在Web应用开发中,特别是在处理表单提交逻辑时,经常会遇到需要对用户输入进行验证的情况。通常,这种验证会通过表单的`onsubmit`事件或者按钮的`...

    .net,js捕捉文本框回车键事件的小例子(兼容多浏览器).docx

    在网页开发中,捕获用户在文本框(TextBox)中按下回车键的事件是非常常见的需求,这通常用于实现表单提交或者执行特定的操作。在不同的浏览器中,处理这种事件的方式可能会有所不同。本文将详细解释如何使用...

    textbox 回车执行事件

    默认情况下,TextBox控件的回车键可能不会触发任何服务器端事件,因为浏览器通常会将回车键视为表单的提交按钮。为了在回车键被按下时执行服务器端代码,我们需要进行一些额外的配置。 1. **添加服务器端事件**:在...

    js光标定位文本框回车表单提交问题的解决方法

    具体来说,就是通过监听文本输入框的键盘按下事件(onkeydown),检测回车键(keyCode 13)的触发,并在事件处理函数中阻止其默认的表单提交行为。 首先,需要在文本输入框元素中添加一个onkeydown属性,该属性将...

    jsp中如何实现按下回车键自动提交表单

    总结来说,通过JavaScript(或者使用库如jQuery)监听键盘事件,检查回车键的按键码,并在检测到回车键被按下时触发表单的提交,可以在JSP中实现按下回车键自动提交表单的功能。这样,用户无需手动点击提交按钮,只...

Global site tag (gtag.js) - Google Analytics