2010-12-28 2 views
-1

以下のコードは入力を着色していますが、クロムでフォームを送信していません。これは、Firefoxで働いている:私は、視認性に変更した場合、どれも::隠された、それは動作しますが、それは私が欲しいものではない場所を確保なぜこのすべてのフォームコードを送信しても機能しないのですか?

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

は、送信ボタンを表示するように設定されていないことに注意してください。

ありがとうございました。これは奇妙である

<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> 
+0

あなたのコードは簡単な例のように私のために働きます。 HTMLマークアップの完全な実例を見ることができますか? –

+0

あなたはJavaScriptコードをインデントできることを知っていますか? ;-P –

+0

'event.keyCode'を' event.which'に変更しました。 'keyCode'は完全にクロスブラウザ互換ではありません。 –

答えて

3

あなたの問題は、送信者b utton submitの場合、ブラウザは使用された名前として、送信ボタンにdosubmitなどの名前を付けて動作させます。名前dosubmit(作品)

http://www.jsfiddle.net/pVUwW/1/

と名前submit

(動作しない)

http://www.jsfiddle.net/pVUwW/

それらの唯一の違いは、提出の名前です。 それ以外はevent.keyCodeを元のコードからevent.whichに変更しました。その理由を説明するにはhttp://api.jquery.com/event.which/を参照してください。

+0

これは良い解決策のようには見えません。/ – emurad

+1

変更された解決策を試してみてください... –

+0

いいえ、そうではありません。 – emurad

0

、ちょうどChromeでこれを試みたが、それもあなたのコード(keypress

なくても正常に動作します。下に要求されるようにここでEDIT

は完全な例ですhttp://jsfiddle.net/72Nbm/

+0

私はあなたの例では何もアクションが表示されません、あなたのコードをテストするために "実行"をクリックすることを確認してください。 –

+0

上記のコードを試してください。 – emurad

関連する問題