jQuery formValidation在按Enter鍵時不提交表單

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上遇到的一個問題，因此我不確定他們是否現在已修復它，我所做的基本上是使“ enter”鍵無法提交表單，這是我使用的代碼：

$('#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都是“提交”一詞，則可能會遇到此錯誤。 只需更改您的輸入類型，它可能會起作用

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