Question

我正在使用Jquery formValidation插件来验证我的表单。一切正常，当我点击提交按钮后，它会在验证后提交表单。但是，当我按下键盘上的Enter键时，它仍然验证表单并且不提交表单，表单值也消失了。我需要在这里编写代码吗？我猜它正在工作，但没有按住输入键被按下？

$('#login_form').formValidation({
    message: 'This value is not valid',
    icon: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
    },
    fields: {
        email: {
            validators: {
                notEmpty: {
                    message: 'The email address is required'
                },
                emailAddress: {
                    message: 'The input is not a valid email address'
                }
            }
        },
        password: {
            validators: {
                notEmpty: {
                    message: 'The password is required'
                }
            }
        }
    }
});

Answer 1

这是我在一年前在版本0.6.2上遇到的一个问题，所以我不确定他们现在是否修复它，我所做的基本上是禁用＆＃34;输入＆＃34;能够提交表格的密钥，这是我使用的代码：

$('#form-login').on("keyup keypress", function(e) {
    var code = e.keyCode || e.which; 
    if (code === 13) {               
        e.preventDefault();
        return false;
    }
});

太糟糕没有人回复你一个月了，我刚刚在我自己的项目中遇到过这个，所以我看到了你的问题:)你找到了解决方案吗？

Answer 2

这是一个迟到的回复，但我最近才遇到这个问题。查看提交按钮的格式。

<input type="submit" name="submit" id="submit" value="submit"/>

如果属性名称或id是单词submit，则可能会遇到此错误。只需更改输入类型即可，

<input type="submit" name="confirm" id="confirm" value="submit"/>

jQuery formValidation在按Enter键时不提交表单

2 个答案: