<style>
html,
body {
margin: 0px;
min-height: 100%;
min-width: 100%;
position: absolute;
}
ul {
list-style: none;
margin: 0px;
padding: 0px;
}
li {
display: none;
padding: 5px;
}
</style>
<script type="text/javascript">
$(function () {
$("ul li:first").show();
$('#username').keydown(function (event) {
var username = $(this).val();
if (event.keyCode == 13) {
$(this).hide().next();
$("li").next("li#password").slideDown({
duration: 'slow'
});
}
});
$('#password').keydown(function entsub(event, ourform) {
if (event && event.which == 13) {
ourform.submit();
}
});
})
</script>
<div class="reset-shown" id="email-row">
<form action="http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi" method="post">
<ul>
<li id="username">
<label for="email">Username:</label>
<input id="username1" name="name" type="text"/>
<div id="com">Please enter your username</div>
</li>
<li id="password">
<label for="email">Password:</label>
<input id="password1" name="name" onkeypress="return entsub(event,this.form)" type="text"/>
<div id="com">Please enter your password</div>
</li>
<li class="submit">
<input id="submit" type="submit" value=" Register "/>
</li>
</ul>
</form>
</div>
В мозиле все работает, есть первое поле ввода, заполняешь его, нажимаешь Enter, появляется второе "password", заполняешь, нажимаешь Enter - данные отправляются! В chrome они никуда не отправляются( В чем может быть дело?