formvalidation.io外部提交按钮

时间:2016-03-24 04:29:14

标签: javascript html5 forms validation formvalidation.io

我正在使用formvalidation.io并创建了一个表单,并希望使用一个未包含在表单元素中的按钮来提交表单。下面的简单示例:

<form id="form1">
  <input name="test" type="text" required />
</form>

<button type="submit" form="form1" value="Submit">Submit</button>

按此按钮将验证表单,但不会继续提交表单。在表单元素中包含相同的按钮将完美地工作。我假设这是formvalidation.io库中的一个错误,但我想在这里发帖以确保我没有先做一些愚蠢的事情。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

哎呀,以为我已经回答了这个问题。我已经在formvalidation.io论坛上确认这是他们的图书馆正在进行的工作,所以这是我提出的解决方法。

        // select all buttons which have the form attribute
        $('[form=' + $(this).attr('id') + ']').click(function (e) {
            // prevent default functionality
            e.preventDefault();

            // execute form validation if necessary
            if (form.data('formValidation') != null) {
                $('#' + $(this).attr('form')).data('formValidation').resetForm();
                $('#' + $(this).attr('form')).data('formValidation').validate();
            }

            // submit your form however you normally submit it
            form.ajaxSubmit(options);
        });