Question

我在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>

Answer 1

如果您必须将输入文本放在表单中，可以使用onSubmit =“return false;”

在页面内捕获文本而不刷新输入

1 个答案: