【问题标题】:jQuery formValidation not submitting form on pressing enter keyjQuery formValidation在按下回车键时不提交表单
【发布时间】:2015-10-29 11:36:28
【问题描述】:

我正在使用 Jquery formValidation 插件来验证我的表单。当我单击提交按钮时,一切正常,它在验证后提交表单。但是当我在键盘上按 Enter 键时,它仍然验证表单并且不提交表单并且表单值消失了。我需要在这里写代码吗?我猜它正在工作,但没有听 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'
                }
            }
        }
    }
});

【问题讨论】:

    标签: javascript jquery formvalidation-plugin


    【解决方案1】:

    这是我大约一年前在 0.6.2 版本上遇到的问题,所以我不确定他们现在是否修复了它,我所做的基本上是禁用“输入”键,无法提交我的表格,这是我使用的代码:

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

    很遗憾,一个月没有人回复你,我刚刚在自己的项目中再次遇到这个问题,所以我看到了你的问题:) 你找到任何解决方案了吗?

    【讨论】:

    • 我遇到了同样的问题,但我调整了您的解决方案,以便输入发送表单。在 e.preventDefault() 命令之后;模拟提交按钮上的单击事件,例如 $ ('#submitButton').Click ();
    【解决方案2】:

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

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

    如果属性名称或 id 是单词 submit,您可能会遇到此错误。只需更改您的输入类型,它可能会起作用

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

    【讨论】:

      猜你喜欢
      • 2012-01-02
      • 2011-07-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-06-22
      • 2018-02-10
      • 1970-01-01
      相关资源
      最近更新 更多