0

我在 Warpspeeds Form to Wizard 插件中使用了 Janko 的更新版本。 http://www.ifadey.com/2012/06/form-to-wizard-jquery-plugin/

我正在尝试验证表单，以便在选择所有图像后，您可以继续单击下一步。我当前的工作代码在它们没有全部选中时会提供一个弹出警报，它可以按要求工作，但是当它确实验证下一个按钮不起作用时。

我正在使用validaBeforeNext。

一个工作的 JSfiddle 在这里http://jsfiddle.net/4Hkxy/3/

任何帮助，将不胜感激。

 jQuery(function($){
            var $signupForm = $( '#multipage' );
 $signupForm.formToWizard({
                submitButton: 'SaveAccount',
                showProgress: true, //default value for showProgress is also true
                nextBtnName: 'Next',
                prevBtnName: 'Previous',
                showStepNo: false,
                validateBeforeNext: function() {
                    var selectedCount = $('.thumbnails.image_picker_selector:visible .selected').length;
        var totalCount = $('.thumbnails.image_picker_selector:visible').length;
    if(selectedCount != totalCount) {
        alert('please select an image per selection');
    }
              }
            });
});
4

1 回答 1

0

您的validateBeforeNext函数必须返回true或false

if (selectedCount != totalCount) {
    alert('please select an image per selection');
    return false;
}
return true;

然后它将进入下一步。

于 2013-06-03T15:41:07.123 回答