1

フォームを使用してデータを API に送信します。さらに、ボットを回避するために recaptcha を使用します。

私の問題：

ユーザーが間違った金額を入力すると、エラー アラートが表示されます。しかし、エラー アラートの後、スクリプトは常に "action="www.test.de" を実行するため、ユーザーは入力を修正する機会がなく、機能しません return false。

誰かがエラーを指摘できますか?

スクリプト：

<script type="text/javascript">
        var a = Math.ceil(Math.random() * 10);
        var b = Math.ceil(Math.random() * 10);
        var c = a + b
        function DrawBotBoot() {
            document.write("Was ergibt " + a + " + " + b + "? ");
            document.write("<br/><input id='BotBootInput' type='text' maxlength='2' size='2'/><br/>");
        }

        function ValidBotBoot() {
            var d = document.getElementById('BotBootInput').value;
            if(d == c)
                $('#test_form').submit(function(evt) {
                    evt.preventDefault();
                    var uvSubdomain = "test";
                    var uvKey = "xxxxxxxxxxxxxx";
                    var message = $('#message').val();
                    var subject = $('#subject').val();
                    var name = $('#name').val();
                    var email = $('#email').val();
                    $.jsonp({
                        url : 'https://' + uvSubdomain + '.test/tickets/create_via_jsonp.json?callback=?',
                        data : {
                            client : uvKey,
                            ticket : {
                                message : message,
                                subject : ("Anfrage via Landingpage test.de")
                            },
                            name : name,
                            email : email
                        },
                        success : function(data) {
                            alert('Herzlichen Dank für Ihre Mitteilung! Wir werden uns umgehend bei Ihnen melden.');
                            window.open('index.html', '_self', false)
                        },
                        error : function(d, msg) {
                            alert("Leider konnte die Mitteilung nicht übermittelt werden.");
                        }
                    });
                    return false;
                });
            else
                alert('Falsches Ergebnis')
            document.contact.BotBootInput.focus();
            return false;
        }
    </script>

HTML:

<div id="contact_form">
                            <form id="test_form" name="contact" method="post" action="https://www.test.de">
                                <label for="name">Name</label>
                                <input type="text" name="name" id="name" value="" class="span3" />
                                <label for="email">E-Mail</label>
                                <input type="email" name="email" id="email" value="" class="span3" />
                                <label for="message">Mittteilung</label>
                                <textarea name="message" id="message"></textarea>
                                <div>
                                    <script type="text/javascript">DrawBotBoot()</script>
                                    <button class="btn btn-primary"  onclick="ValidBotBoot()">
                                        Senden
                                    </button>
                                </div>
                            </form>
                        </div>
4

2 に答える 2

0

イベントを単純に破棄したい場合:
1. returnfalseと from 呼び出された関数
2.return関数名の直前にキーワードを使用します。

したがって、最終的にonclick属性の値は次のようになります。 

onclick="return ValidBotBoot()"
于 2012-10-10T19:24:35.477 に答える
0

これを試して：

else {
    alert('Falsches Ergebnis')
    document.contact.BotBootInput.focus();
    return false;
}
于 2012-10-10T19:03:17.653 に答える