0

こんにちは、submit イベントを取得してから、「werks」というアラートをポップして、それが機能することを確認します。jquery.js ファイルが同じフォルダーに存在することを再確認したことに注意してください。これは、jquery Web サイトの最新の jquery.min.js です。

http://localhost/test.html?input=フォームを送信すると、フォームは自動的に「取得」モードになり、アラートを表示する代わりに、ブラウザの URL バーに次の URL が表示されます。jqueryが私を荒らしていると思います。以下の完全なコード:

<!DOCTYPE html>
<html>
    <head>
        <title>test</title>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            $('#form').submit(function(event){
                event.preventDefault();
                alert('werks');
            });</script>
    </head>

    <body>
            <form id="form">
                <input type="text" name="input">
                <input type="submit" value="Send">
            </form>
    </body>

</html>
4

5 に答える 5

1

次のコードを試してください。

<!DOCTYPE html>
<html>
    <head>
        <title>test</title>
        <script type="text/javascript" src="jquery.js"></script>
    </head>
    <body>
            <form id="form">
                <input type="text" name="input">
                <input type="submit" value="Send">
            </form>
    </body>
    <script type="text/javascript">
       $( document ).ready(function() {
            $('#form').submit(function(event){
                event.preventDefault();
                alert('werks');
            });
       });
    </script>
</html>
于 2013-10-18T07:58:40.670 に答える
0

ドキュメントの準備ができているステートメントにそれを入れる必要があります：

$( document ).ready(function(){

       //Code Here

 });
于 2013-10-18T07:57:45.963 に答える
0 
<script type="text/javascript">
$(function(){
  $('#form').submit(function(event){
    event.preventDefault();
    alert('werks');
  });
</script>
于 2013-10-18T07:58:01.263 に答える
0

次のように準備が整ったドキュメントで js コードを起動します。

$(function() {
    $('#form').submit(function(event){
        event.preventDefault();
        alert('werks');
    });
});
于 2013-10-18T07:58:26.617 に答える
0

$('#form')マークアップ フォームがまだ読み込まれていないため、selector は何も返しません。スクリプト ブロックをフォームの後に移動するか、$(document).ready(function () { ... }).

于 2013-10-18T07:58:32.803 に答える