步骤向导和欧芹无法验证

天蝎座

我在wizard.js文件中为表单提供了jQuery步骤功能

$("#wizard-validate").steps({
    headerTag: ".wizard-title",
    bodyTag: ".wizard-container",
    transitionEffect: "fade",
    onStepChanging: function (event, currentIndex, newIndex) {
        if (currentIndex > newIndex) {
            return true;
        }
        if (newIndex === 3 && Number($("#age-2").val()) < 18) {
            return false;
        }

        if ((currentIndex === 0)) {
            return $(this).parsley();
        }
    },
    onStepChanged: function (event, currentIndex, priorIndex) {
        if (currentIndex === 2 && Number($("#age-2").val()) >= 18) {
            $("#form-3").steps("next");
        }

        if (currentIndex === 2 && priorIndex === 3) {
            $("#form-3").steps("previous");
        }
    },
    onFinishing: function (event, currentIndex, newIndex) {
        return $(this).parsley().validate();
    },
    onFinished: function () {
        alert("submitted!");
    }
});

并且它不是验证表单..只是转到下一步。

我的形式是:

<form class="form-horizontal form-bordered" action="" data-parsley-validate id="wizard-validate">           
    <!-- Wizard Container 1 -->
    <span class="response"></span>
    <div class="wizard-title">Details</div>
    <div class="wizard-container">
        <input type="text" name="title" required value="" class="form-control"> 
        <input type="text" name="location" required class="form-control" value="" >
        <input type="text" class="form-control" required id="datepicker1" name="startdate"  value="" />
        <input type="text" class="form-control" required id="time-picker" name="starttime"  value="" />
        <input type="text" class="form-control" required id="datepicker2" name="enddate"  value=""  />
        <input type="text" class="form-control" required id="time-picker2" name="endtime"  value="" />
    </div>
    <!--/ Wizard Container 1 -->

    <!-- Wizard Container 2 -->
    <div class="wizard-title">Details 2</div>
    <div class="wizard-container"></div>
    <!--/ Wizard Container 2 -->
</form>

并没有任何反应..只是进入下一步,仅此而已..已经尝试使用完整属性,例如:data-parsley-requireddata-parsley-required="true"

我按顺序包含的js文件为:1. jquery.js 2. parsley.js 3. jquery.steps.js 4. Wizard.js

天蝎座

我找到了解决方案:

向导功能和香菜检查在哪里return $(this).parsley();需要更改return $(this).parsley().validate();并可以正常工作!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

触发欧芹验证而不提交表单?

来自分类Dev

欧芹表格验证-事件监听器

来自分类Dev

验证流程步骤顺序和验证码功能

来自分类Dev

满足条件时使用欧芹验证表单

来自分类Dev

如何重置Primefaces向导的步骤?

来自分类Dev

步骤向导和欧芹无法验证

来自分类Dev

使用欧芹验证多个字段?

来自分类Dev

具有欧芹验证的select2

来自分类Dev

表单向导和Zurb Foundation遵守验证

来自分类Dev

无法使用欧芹验证器验证“浮点数”

来自分类Dev

欧芹范围验证错误消息问题

来自分类Dev

如何使用jquery-validate验证fuelux向导中的每个步骤

来自分类Dev

PHP表单,包含多个步骤和验证

来自分类Dev

张量流中的训练步骤和验证步骤不同

来自分类Dev

yiibooster向导验证

来自分类Dev

如何重置Primefaces向导的步骤?

来自分类Dev

欧芹表单始终在首次提交时无法通过验证

来自分类Dev

欧芹表格验证错误

来自分类Dev

使用欧芹验证多个字段?

来自分类Dev

在Django的表单向导的步骤2/3中对用户进行身份验证/注册

来自分类Dev

StanfordNLP培训步骤验证和loadClassifier检查

来自分类Dev

jQuery步骤和多个面板的验证

来自分类Dev

jQuery步骤和FormValidation(重新验证)

来自分类Dev

Wicket向导步骤的基本实现

来自分类Dev

欧芹表格将无法验证

来自分类Dev

欧芹复选框和收音机仅在IE中无法验证

来自分类Dev

无法打开导入和导出向导

来自分类Dev

步骤向导的 CSS

来自分类Dev

如何在欧芹验证中验证负数、浮点数