5

我正在尝试使用 jQuery 对话框在我的页面中输入数据。由于我不明白的原因，当用户按下回车键时，整个页面都会刷新。它甚至不验证文本框中的内容。

我创建了一个显示问题的 jsfiddle。我在这里查看了文档，我的代码似乎遵循了指导方针，但我一定遗漏了一些东西！

这是我如何调用对话框

$("#create-subtitle")
    .click(function () {
    $("#dialog-form-subtitles").dialog("open");
    return false;
});

这是我的对话之一：

$("#dialog-form-steptitles").dialog({
        autoOpen: false,
        height: 220,
        width: 450,
        modal: true,
        buttons: {
            "Ajouter un sous-titre pour les étapes": function () {
                var bValid = true;
                allFieldsStepTitle.removeClass("ui-state-error");
                bValid = bValid && checkLength(nameStepTitle, "sous-titre pour les étapes", 3, 50);

                if (bValid) {
                    var $parent = $("#StepTitles");
                    var numElem = $parent.find("tr").length;
                    $('#StepTitles > tbody:last').append('<tr><td><input class="text-box single-line" id="StepTitles_' + numElem + '__Name" name="StepTitles[' + numElem + '].Name" type="text" value="' + nameStepTitle.val() + '" /></td><td>&nbsp;<ul id="ListStep' + numElem + '"></ul></td><td><button id="create-step' + numElem + '" name="create-step' + numElem + '" class="btn btn-success">Ajouter une étape</button></td></tr>');
                    $(this).dialog("close");
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFieldsStepTitle.val("").removeClass("ui-state-error");
        }
    });

任何人都可以帮助我吗？

4

2 回答 2

5

enter在form>内点击input会导致表单提交，从而刷新页面。您可以做一些事情，但其中大部分涉及阻止表单上的默认提交操作。您的代码大部分是法语，所以我很难导航它，但为了逐步刷新，只需执行以下操作：

$('form').on('submit', function(event){
    event.preventDefault();
});

从那里，你可能想用回车键做一些事情——触发点击按钮——同样，文本是法语的，所以我不知道它在说什么。

$('your-input').keypress(function(event) {
    if(event.which == 13) { // 13 is the 'Enter' key
     // do something here
   }
});

希望有帮助。

于 2013-03-18T23:33:11.863 回答
2

在 jQuery 的文档页面中，该示例没有form标签，这就是按预期工作的原因。在此处不使用表格检查您的代码。如果您需要标签存在，请检查这个SO question。

于 2013-03-27T18:48:01.693 回答