javascriptのフォーム機能はここ

Question

を提出しない提出の形式であります/ enterを押す。私はフォームを送信する代わりにフォームを更新し、入力テキストフィールドをクリアするだけで、入力を再度受け入れる入力を改名しようとしましたが、関数呼び出しを行うようです。

Answer 1

おそらく、アクション属性でうまくいくでしょう。 ところで、あなたは、このためにイベントリスナーを必要としない/>

<form name="loginForm" id="loginForm" method="post" action="http://localhost:80/my_awesome_form_handler.php"> 
    <input id="name" name="username" placeholder="username" type="text"/> 
    <input name="submit" type="submit" value=" Login "/> 
</form> 

Answer 2

であなたの空の要素を閉じる必要があります。

フォームタグには、アクション属性が必要です。フォームを処理しているスクリプトを指します。

jQuery(document).ready(function($) { 
    $('#loginForm').on('submit', null, function() { 
     $(this).submit(); 
    }); 
} 

をあなたが実際にあなたが行うことができ、毎回文字が名フィールドに入力されたフォームを送信しようとしている場合：：jQueryのを使用して

JavaScriptが

<form name="loginForm" id="loginForm" method="post" action="script.php"> 
<!-- <label>UserName :</label> --> 
<input id="name" name="username" placeholder="username" type="text" autofocus> 
<!-- <label>Password :</label> --> 
<!-- <input id="password" name="password" placeholder="**********" type="password"> --> 
<input name="submit" type="submit" value=" Login "> 
</form> 

、

jQuery(document).ready(function($) { 
    $('#name').on('keyup', null, function(e) { 
     e.preventDefault(); 
     $('#loginForm').submit(); 
    }); 
}