Question

我正在使用这个表格：

<FORM METHOD="POST" ENCTYPE="x-www-form-urlencoded">
    <input type="text" id="Password"/>
    <input type="button" id="Access" onclick="document.location=Password.value" VALUE="Accès"/>
</FORM>

它适用于我想做的事情，但我想通过按Enter也允许触发命令。我已经阅读了使用submit类型的解决方案，还添加了一个解决方案

onkeydown="if (event.keyCode == 13) document.getElementById('Access').click()"在文字输入中。

两者都没有用，所以我不知道我是否误用了它们，或者我的document.location=Password.value是否不能以这种方式使用。如果是这样，你能否指出我最简单的解决方案来替换它而不使用php或js文件，因为我真的不明白。这个网站不会公开，所以我真的不关心安全性，或者这不是正确的做法。

编辑：考虑到你给我的答案没有完全正常工作（jlbruno的一个在输入或点击时都不起作用，riad的一个只能在点击上工作），这里是我的页面的完整代码与riad的解决方案，请告诉我，如果有什么东西可以干扰

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
	<head>
		<title>JVPW Cloud - Le Nuage de la JVPW !</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
	</head>
	<body>
    <p><center><img src="logo.png" width="1000" height="400" /></center></p>
    <p><span style="font-family:Verdana"><b>Tout l'univers de la JVPW pour seulement 9.99 $</b></span></p>

    <h1>Bienvenue</h1>
    <p>Si vous disposez d'un early access gratuit, entrez le code ci-dessous et appuyez sur Accès (pas Entrée !)</p>

    <FORM METHOD="POST" ENCTYPE="x-www-form-urlencoded">
    <input type="text" id="Password" onkeydown="if (event.keyCode == 13) document.getElementById('Access').click()" />
    <input type="button" id="Access" onclick="window.location=document.getElementById('Password').value ;" VALUE="Accès"/>
    </FORM>
    </body>
    </html>

Answer 1

我不建议使用内联事件处理程序，但是我会继续这样做。

您应该将按钮更改为提交按钮，并将当前的onclick移动到表单上的onsubmit中。

    <FORM METHOD="POST" ENCTYPE="x-www-form-urlencoded" onsubmit="document.location=Password.value">
        <input type="text" id="Password"/>
        <input type="submit" id="Access" VALUE="Accès"/>
    </FORM>

Answer 2

你可以试试这个。

<FORM METHOD="POST" ENCTYPE="x-www-form-urlencoded">
 <input type="text" id="Password" onkeydown="if (event.keyCode == 13) document.getElementById('Access').click()" />
 <input type="button" id="Access" onclick="doSubmitWork();" VALUE="Accès"/>
</FORM>

<script type="text/javascript">
    function doSubmitWork(){
        window.location = 'mywebsite.com/'+document.getElementById('Password').value ;
    }
</script>

JS FIDDLE DEMO

Answer 3

我做了以下内容，它对我有用。我希望能帮到你。

<form name="frm" method="post">
    <input type="password" name="psw">
    <input type="submit" value="Enter">
</form>

如何用enter触发我的输入类型=按钮？

3 个答案: