Question

所以我的表单中有输入字段，如下所示：

<input name="blotter_entry_nr" type="text" class="form-control" id="arrest" 
                    placeholder="Enter Blotter No." required>

我使用以下代码提交了表单：

//handle toolbar event
    $('#toolbarButton').on('toolbarItemClick',
        function (event, buttonClicked) {
            var targetBlock = $(event.target).parents('.article') // get article
            var buttonClickedID = buttonClicked.id // get the id of the button click

            switch (buttonClickedID) {
                case 'saveButton':
                    $( "#case-report-form" ).submit();
                    break;
                case 'menu-remove':
                    removeArticle(targetBlock)
                    break;
            }
    });

//handle form submission
    $("#case-report-form").on('submit',(function(e){
        e.preventDefault();

        var formdata = new FormData(this);  

        CSR.SubmitForm.submit(formdata);
    }));

问题是，当我不在我的必填字段上提供任何输入时，提交仍然继续。我尝试使用a提交表单，并且所需的属性正在运行。

有人可以分享他/她对此的看法。感谢。

Answer 1

排除e.preventDefault（）;正如杰克在他的JSFiddle中指出的那样。

关于浏览器版本的部分仍然有效 - 检查您是否未使用其中一个不受支持的浏览器进行测试：

http://www.w3schools.com/tags/att_input_required.asp

使用submit（）

1 个答案: