Question

我有一个简单的数学验证码似乎有效，但它现在不允许我提交我的表格。

上面的js小提琴包含完整的代码 - 下面是表格的下半部分。验证码被修改到消息框的底部。还有运行验证码的javascript。

我做错了什么阻止表单提交？

  <div class="mxm-form-item " id="mxm-form-2446-field-3">
                        <div class="mxm-form-field">
                            <textarea rows="2" name="Default.message" id="mxm-form-2446-field-3-el" class="mxm-form-element mxm-form-textarea" onfocus="clearDefaultandCSS(this)">How can we help?</textarea>
                        </div>
                        <div class="mxm-clear"></div>
                    </div>
                    <div class="mxm-form-item " id="mxm-form-38124-field-3">
                        <div class="mxm-form-field">
                            <input type="hidden" name="Default.brochure request" value="no" />
                            <input id="mxm-form-38124-field-3-el" type="checkbox" name="Default.brochure request" value="yes" class="mxm-form-element mxm-form-booleancheckbox" />
                            <label for="mxm-form-38124-field-3-el" class="mxm-form-cb-label">Download our brochure</label>
                        </div>
                        <div class="mxm-clear"></div>
                    </div>
                    <div class="mxm-form-item " id="mxm-form-38124-field-4">
                        <div class="mxm-form-field">
                            <label style="width:120px;" class="mxm-form-item-label"></label>
                            <input type="submit" value="Submit" class="mxm-form-element mxm-form-button" onclick="return(validate());" />
                        </div>
                        <div class="mxm-clear"></div>
                    </div>
                </form>
            </div>
        </div>
        </div>
    </div>

$(function(){

var mathenticate = {
    bounds: {
        lower: 5,
        upper: 50
    },
    first: 0,
    second: 0,
    generate: function()
    {
        this.first = Math.floor(Math.random() * this.bounds.lower) + 1;
        this.second = Math.floor(Math.random() * this.bounds.upper) + 1;
    },
    show: function()
    {
        return this.first + ' + ' + this.second;
    },
    solve: function()
    {
        return this.first + this.second;
    }
};
mathenticate.generate();

var $auth = $('<input type="text" name="auth" />');
$auth
    .attr('placeholder', mathenticate.show())
    .insertAfter('textarea[name="Default.message"]');

$('#mxm-form-38124').on('submit', function(e){
    e.preventDefault();
    if( $auth.val() != mathenticate.solve() )
    {
        alert('wrong answer!');
    }
});

}）;

Answer 1

检查Validate()功能是否已定义。它会在提交按钮事件时抛出错误。

javascript验证码和表单未提交

1 个答案: