Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在单击“下一步”之前验证所选类_Jquery_Validation - Fatal编程技术网

Jquery 在单击“下一步”之前验证所选类

Jquery 在单击“下一步”之前验证所选类,jquery,validation,Jquery,Validation,我正在使用一个更新版本的Janko向导插件 我正在尝试验证表单,以便在选择所有图像后,您可以继续单击“下一步”。当前的工作代码,我提供了一个弹出警告时,他们不是所有选择的工作要求,但当它验证了下一步按钮不工作 我正在使用ValidaBeforeText 一个正在工作的JSFIDLE在这里 任何帮助都将不胜感激 jQuery(function($){ var $signupForm = $( '#multipage' ); $signupForm.formToWizar

我正在使用一个更新版本的Janko向导插件

我正在尝试验证表单,以便在选择所有图像后,您可以继续单击“下一步”。当前的工作代码,我提供了一个弹出警告时,他们不是所有选择的工作要求,但当它验证了下一步按钮不工作

我正在使用ValidaBeforeText

一个正在工作的JSFIDLE在这里

任何帮助都将不胜感激

 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');
    }
              }
            });
});

您的
validateBeforNext
函数必须返回
true
false

if (selectedCount != totalCount) {
    alert('please select an image per selection');
    return false;
}
return true;
然后它将进入下一步