页面只有一个text的时候,回车自动submit的解决方法_表单特效

简单的页面html代码如下

复制代码 代码如下:

<html>
<head>
<title>test</title>
<script language="javascript">
function test(){
if(event.which || event.keyCode){
if(event.which==13 || event.keyCode==13){
ajaxpost();
return false;
}else{
return true;
}
}
}
</script>
</head>
<body>
<form name="test" method="post" action="test.htm">
<input type='button' value='test' onclick="javascript:test()">
<input type="text" name="textfield" class="input">
</form>
</body>
</html>

为了解决这个问题,试过阻止默事件,返回false等方法,都不行。后来在网上查了一下,原来这个是ie的一个缺省操作(不过奇怪的是在firefox也是同样的情况)。解决的方法很简单,只要在页面上添加一个text元素即可,这个元素可以隐藏。

时间: 2024-08-01 18:51:54

页面只有一个text的时候,回车自动submit的解决方法_表单特效的相关文章

表单填写时用回车代替TAB的实现方法_表单特效

关键之处在于tabindex,其设计思想是:为每个表单元素设置一个tabindex,其值分别为前一个表单元素的tabindex的值加一,函数的功能就是当用户按下回车键时先将当前tabindex的值加一,而后逐一与每个表单元素的tabindex值进行对比,如若相等,则将焦点移至该表单元素之上.  首先,我们需要在表单体中设定一个onkeyup事件:  <form name="xxx" action="YYY.asp" method="post"

javascript 自动填写表单的实现方法_表单特效

本文没有什么技术上创新,只要会一点Javascript的技术就可以写了. 第一步: 在页面查看源代码,把Form中包含的需要填列的HTML控件找出来如: <form name="mainfrm" action="" method="post"> <input type="text" name="username"/> <input type="submit"

js实现的的 文字自动&#039;到google search框_表单特效

说明:单独用没问题不能和自带的搜索和登陆同时出现在一个页面上,打开页面时都没出错只要一点aaa等 网页上就会有错误,我解决的办法是让他们不在同一页面上出现,但这样很不方便了能不能 定义 val 或其他方法来解决这个问题?请各位大大指点!谢谢 document.forms[0] 是指页面中的第一个表单,当页面有两个表单的时候,setval(val)只对form[0]有效.出现第二个表单就是forms[1]了 Google Baidu aaa bbb ccc [Ctrl+A 全选 注:如需引入外部J

二级连动的另一个不错的实现方法_表单特效

类别: ** 选择一级类别 **AB   ** 选择二级类别 ** [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

js textarea自动增高并隐藏滚动条_表单特效

复制代码 代码如下: <textarea id="tValue" style="overflow-y:hidden; height:20px;" onpropertychange="this.style.height=this.scrollHeight + 'px'" oninput="this.style.height=this.scrollHeight + 'px'"></textarea>

用JavaScript页面不刷新时全选择,全删除(GridView)_表单特效

/* 全选择*/ function SB002SelectAll() { var table = document.getElementById("ctl00_MainContent_grvDevelopKit"); for(var i=1;i<table.rows.length;i++) { var input = table.rows[i].cells[0].getElementsByTagName("input")[0]; input.checked =

一个很简单的办法实现TD的加亮效果._表单特效

复制代码 代码如下: function Menu_Init(obj){    var tds = obj.getElementsByTagName("td");     for (var i = 0; i < tds.length; i++)      {        if (tds[i].className == "MenuOptions")       {         tds[i].onmouseover = switch_bg;         t

默认让页面的第一个控件选中的javascript代码_表单特效

当页面上面显示了一个表单后,通常焦点 并不是放在第一个控件上面,只需要一点通常的脚本就可以实现这个效果 . document.forms[0].elements[0].focus(); 如果页面的第一个控件是隐藏字段,或是不支持focus() 上面这段javascript 可能就会出现错误 ! 复制代码 代码如下: var formutil = new Object; formutil.focusOnfirst = function() { if(document.forms.length>0)

多个iframe自动调整大小的问题_表单特效

一个页面我有多个iframe,且每个iframe的src都不一样,高度也不一样. 怎样用一个函数,自动调整这个页面里所有iframe的高度呢? function change_size(iframe) {     iframe.style.height=info_content.document.body.scrollHeight+1+"px"; } 我用过这种方式,但是等号后面的第一个对象不知道应该怎样动态显示. 比如: function change_size(no) {