Question

我使用表单向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>

Answer 1

试试这个：

else {
    alert('Falsches Ergebnis')
    document.contact.BotBootInput.focus();
    return false;
}

Answer 2

如果您想简单地丢弃该事件：
1.返回false和来自被调用的函数和
2.在函数名称之前使用return关键字。

因此，onclick属性的最终值应为：

onclick="return ValidBotBoot()"

有效的表单：返回false不可能/始终启动表单的操作

2 个答案: