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

  作者:bea

本文实例讲述了js光标定位文本框回车表单提交问题的解决方法。分享给大家供大家参考。具体分析如下: 当光标定位在辅助查找的文本框后回车,页面会出现方法的返回的json串。 原因:When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form. 翻译一下:当

本文实例讲述了js光标定位文本框回车表单提交问题的解决方法。分享给大家供大家参考。具体分析如下:


当光标定位在辅助查找的文本框后回车,页面会出现方法的返回的json串。


原因:When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.


翻译一下:当form中只有一个input type="text"时,当用户按回车键会提交这个form。


解决方案:对input text的onkeydown事件做处理,禁止回车操作。


具体代码:




<p>
<input class="text text-1" type="text" name="name"
id="notAssociateName" value="" onkeydown="enter_down(event);"/>
</p>
function enter_down(event){
if(event.keyCode==13){
stopDefault(event);
}
}
function stopDefault(e) {
//如果提供了事件对象,则这是一个非IE浏览器
if(e && e.preventDefault) {

 //阻止默认浏览器动作

 e.preventDefault();
} else {

 //IE中阻止函数器默认动作的方式

 window.event.returnValue = false;
}
return false;
}


希望本文所述对大家的javascript程序设计有所帮助。




有用  |  无用

猜你喜欢