0

我在 HTML 表单上有一个文本框和输入按钮。我想简单地捕获用户输入文本并将其传递给 Javascript 函数以更改同一页面上的设置而无需刷新。我尝试的一切最终都会刷新页面并丢失我的设置。不需要提交输入。当然,按键没问题,回车键就可以了。我在这里找到了很多很好的信息,但仍然没有成功。这是我的代码非常简化:

<html>
<head> 
<title>Test</title>
</head>
<body>
<form id="codeform" >
<input name= "CodeTextBox" type="text" id="keywords" MAXLENGTH="20" SIZE="20" onkeypress="handleEnter(this, event, this.form)" />
<INPUT NAME="CodeButton" VALUE="click button" TYPE=BUTTON onClick=PromocodeValid(this.form)>
</FORM>
<script> 
function PromocodeValid(form)
{
   alert( form.CodeTextBox.value );
}
</script>
<script> 
function handleEnter(inField, e, form) {
var charCode;
  if(e && e.which){
    charCode = e.which;
  }else if(window.event){
    e = window.event;
    charCode = e.keyCode;
  }
  if(charCode == 13) {
    PromocodeValid(form)
    return false; 
}
}
</script>
</body>
</html>
4

1 回答 1

0

如果您必须将输入文本放入表单中,您可以使用 onSubmit="return false;"

于 2013-04-25T22:11:11.230 回答