我正在使用更新版本的Janko在warpspeedform向导插件。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');
}
}
});
});
您的validateBeforeNext
函数必须返回true
或false
if (selectedCount != totalCount) {
alert('please select an image per selection');
return false;
}
return true;