0
私はフォームを検証するためにparsley.jsを使用しており、私はform:success
イベントで使用しています。私はイベントを使用しない場合、それは正常に動作し、それは本当に高速ですが、私はこのエラーが発生したイベントを使用します。パーズリーはゆっくりと動作し、エラーをキャッチしませんsyntaxError
通常、私は、フォーム内のすべてのフィールドを埋めるが、1つを残したときに、それが正常に動作しますが、私はすべてのフィールドを埋めるときに、エラーが再発します。 1つのフィールドには依存しません。
これは私のコードです。
\t SubmitSectionForm: function (obj, context) {
\t \t var form = $('div#step-' + context.fromStep + ' form');
\t \t var AjaxURL = form.attr('action');
\t \t var formData = form.serialize();
\t \t var shouldSave = form.find('[name=should_save]').val();
\t \t var SmartWizard = this;
\t \t var isSaveAndExit = !!context.toStep;
\t \t // Validate form \t \t
\t \t form.parsley().on('form:success', function() {
\t \t \t if (shouldSave == 'true') {
\t \t \t \t NProgress.start();
\t \t \t \t $.post(AjaxURL, formData, function (response) {
\t \t \t \t \t if (response && !response.errors) {
\t \t \t \t \t \t SmartWizard.goForward();
\t \t \t \t \t } else {
\t \t \t \t \t \t var errorDiv = $('div.alert-danger');
\t \t \t \t \t \t var errorsHTML = '';
\t \t \t \t \t \t $.each(response.errors, function (i) {
\t \t \t \t \t \t \t errorsHTML += '<li>' + response.errors[i] + '</li>';
\t \t \t \t \t \t });
\t \t \t \t \t \t errorDiv.find('ul').html(errorsHTML);
\t \t \t \t \t \t errorDiv.removeClass('hidden');
\t \t \t \t \t \t errorDiv.delay(10000).queue(function() {
\t \t \t \t \t \t \t $(this).addClass('hidden').dequeue();
\t \t \t \t \t \t });
\t \t \t \t \t }
\t \t \t \t }).always(function() {
\t \t \t \t \t NProgress.done();
\t \t \t \t });
\t \t \t }
\t \t \t if (!isSaveAndExit) {
\t \t \t \t window.location = '/';
\t \t \t } else {
\t \t \t \t SmartWizard.goForward();
\t \t \t }
\t \t }).validate();
\t },
devツールの例外を一時停止し、何が起こっているのかを確認してください... –
どうすればいいですか? –
*コードは画像ではなくテキストとして投稿してください。ありがとう。 – samiles