1

formvalidation.io を使用してフォームを作成し、フォーム要素に含まれていないボタンを使用してフォームを送信したいと考えています。以下の簡単な例：

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

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

ボタンを押すとフォームは検証されますが、フォームの送信は続行されません。フォーム要素内に同じボタンを含めると、まったく問題なく動作します。これは formvalidation.io ライブラリのバグだと思いますが、最初にばかげたことをしていないことを確認するためにここに投稿したいと思います。

何かご意見は？

4

1 に答える 1

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);
        });
于 2016-05-23T01:22:57.003 に答える