0

サブスクリプションのフォームに HTML5 を使用しようとしています。電子メール タイプおよび必須は、電子メールに使用されます。送信をクリックしてajax経由でデータを別のページに送信すると、jqueryスクリプトを実行しています。問題は、HTML5 検証でエラーが表示された場合でも、jquery スクリプトがまだ実行されていることです。エラーが表示された場合、スクリプトの実行を停止するにはどうすればよいですか。

<form class="subscribe" id="email" method="get">
    <input class="email" id="emailaddress" name="email" type="email" placeholder="EXAMPLE@EMAIL.COM" required>
    <input class="button" type="button" id="emailSub" value="Subscribe">
</form>

$('#emailSub').on('click', function(){
    var email = $('#emailaddress').val();
    $.ajax({
        type:"GET",
        url: "doSubscribe/",
        data: {email: email},
        success: function(result){
            $('#subResult').html(result);
        }
    });
})
4

1 に答える 1

0 
$(document).ready(function(){
    $('#email').submit(function(){
        doAjax();
        return false;
    })
    function doAjax(){
        var email = $('#emailaddress').val();
        $.ajax({
            type:"GET",
            url: "doSubscribe/",
            data: {email: email},
            success: function(result){
                $('#subResult').html(result);
                return false;
            }
        });
    }
});
于 2013-05-10T00:12:47.760 に答える