Der folgende Code färbt die Eingabe ein, sendet das Formular jedoch nicht in Chrom. Es funktioniert in Firefox:Warum diese Vorlage alle Formularcode nicht funktioniert?
<script type="text/javascript">
$(function(){
$('input').keypress(function(event) {
if (event.keyCode == '13') {
//alert($(this).parentsUntil('form').css('color'));
$('form').css('color','red');
$('form').submit();
}
});});</script>
Bitte beachten Sie, dass die Submit-Button Anzeige eingestellt ist: keine, wenn ich es, um die Sichtbarkeit zu ändern: versteckt, es funktioniert, aber es den Platz reservieren, die nicht das, was ich will.
Danke.
EDIT
Hier ist ein vollständiges Beispiel wie unten angefordert:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>
<title>دخول</title>
<script type="text/javascript">
$(function(){
$('input').keypress(function(event) {
if (event.keyCode == 13) {
$(this).parents('form').submit();
}
});
});
</script>
</head>
<body>
<form action="http://www.yahoo.com" method='post'>
<table >
<tr><td>name: </td><td><input type="text" name="username" value=""></td></tr>
<tr><td>password: </td><td><input type="password" name="password" value=""></td></tr>
<tr><td colspan=2><a href="javascript:void(0)" onclick="$('#loginfrm').click();">Login</a>
<div style="display: none;"><input type="submit" name="submit" value="Login" id="loginfrm"></div></td></tr>
</table>
</form>
Ihr Code funktioniert für mich wie mit einem einfachen Beispiel. Können wir ein voll funktionsfähiges Beispiel mit HTML-Markup sehen? –
BTW, wussten Sie, dass Sie JavaScript-Code einrücken können? ;-P –
Ändern Sie 'event.keyCode' in' event.which', 'keyCode' ist nicht vollständig crossbrowserfähig. –