表单按了回车键,就提交了,而不是调用ajax ,大家快来帮帮忙呀
时间:2011-09-21
来源:互联网
表单是这样写的
HTML code
现在onBlur 事件的sender()函数调用ajax
JScript code
在输入的时候,按了回车键,没有想到就自动提交表单了。
跳转到http://127.0.0.1/cgi-bin/aulili 页面了
我要做的是 按了确定健不让跳转,只执行 onBlur 事件的sender()函数调用ajax?
做个要怎么呀,大侠们,路过了,就帮帮忙呀?
HTML code
FORM ACTION="/cgi-bin/aulili" METHOD="GET" name="name_form" > <input name="data" type="text" id = "form_data" onBlur="sender()" value="" size="80" height="30" onKeyDown="noNumbers(event);"> </FORM > </td>
现在onBlur 事件的sender()函数调用ajax
JScript code
/* *创建异步访问对象 */ function createXHR() { var xhr; try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } catch(E) { xhr = false; } } if (!xhr && typeof XMLHttpRequest != 'undefined') { xhr = new XMLHttpRequest(); } return xhr; } /* *异步访问提交处理 */ function sender() { xhr = createXHR(); if(xhr) { xhr.onreadystatechange=callbackFunction; alert(document.getElementById("form_data").value); xhr.open("GET", "http://127.0.0.1/cgi-bin/aulili?data="+encodeURIComponent(document.getElementById("form_data").value)+"&my=a",true); xhr.send(null); var testDiv = document.getElementById("center"); testDiv.style.top = "-20px"; testDiv.style.left = "150px" } else { //XMLHttpRequest对象创建失败 alert("浏览器不支持,请更换浏览器!"); } } /* *异步回调函数处理 */ function callbackFunction() { if (xhr.readyState == 4) { if (xhr.status == 200) { var returnValue = xhr.responseText; if(returnValue != null && returnValue.length > 0) { document.getElementById("current_time").innerHTML = returnValue; } else { alert("结果为空!"); } } else { alert("页面出现异常!"); } } }
在输入的时候,按了回车键,没有想到就自动提交表单了。
跳转到http://127.0.0.1/cgi-bin/aulili 页面了
我要做的是 按了确定健不让跳转,只执行 onBlur 事件的sender()函数调用ajax?
做个要怎么呀,大侠们,路过了,就帮帮忙呀?
作者: tan625747 发布时间: 2011-09-21
和你上边的代码没关系 你的noNumbers(event)这个是怎么写的
作者: fanchuanzhidu 发布时间: 2011-09-21
noNumbers(event)
屏蔽按 Enter 就自动提交吧
屏蔽按 Enter 就自动提交吧
作者: zhongxingxuan 发布时间: 2011-09-21
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28