22979


以下のajaxが動作しないのですが、原因がわかる方いらしゃいますでしょうか。

[code]

    <!DOCTYPE html>
    <html>
        <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
        <body>
            <form method="post" action="" class="img_check" name="img_check">
                <input type="text" class="img_check_form" name='img_check_form' placeholder="画像のURLを入力">
                <input type="button" value="チェックする" id="img_check_btn" name="img_check_btn"> 
            </form>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
            <script>
                $(function(){
                    $("form.img_check").submit(function(event) {
                        alert("alert");
                        event.preventDefault();
                        var val = $(this).children("input[name='img_check_form']").val();
                        $.ajax({
                            type:'POST',
                            url:'img_check.php',
                            data:{"contents": val},
                            success: function(data) {
                            alert(data);
                            }
                        });
                        return false;
                    });
                });
            </script> 
        </body>
    </html>
    
[/code]

img_check.php

[code]

    <?php
        echo $_POST["content"];
    
[/code]

宜しくお願い致します。


CC BY-SA 3.0
2016-03-10T06:57:55.293
22978
2016-03-10T07:05:37.920
8619
question
javascript php ajax
ajaxが動作しない

[code]

    <input type="button" value="チェックする" id="img_check_btn" name="img_check_btn"> 
    
[/code]

`input[type="button"]`
をクリックしてもフォームの送信は行われず、submitイベントも発生しません。typeをsubmitに変更するか、submitイベントではなくclickイベントなどを使う必要があります。

参考 [<INPUT
type="button">－HTMLタグリファレンス](http://www.htmq.com/html/input_button.shtml)


CC BY-SA 3.0
2016-03-10T07:05:37.920
22979
2016-03-10T07:05:37.920
8000
22978
answer