jquery - 如果必填字段为空，则滑动表单停止动画

Question

我有一个很大的表格，所以使用滑动表格

http://tympanus.net/Tutorials/FancySlidingForm/

但如果步骤 1 中的必填字段为空，我需要停止将步骤 1 滑动到步骤 2

为此我改变了这样的功能

    function validateStep(step) {
            if (step == fieldsetCount) return;

            var error = 1;
            var hasError = false;
            $('#formElem').children(':nth-child(' + parseInt(step) + ')').find(':input:not(button)').each(function () {
                var $this = $(this);
                var valueLength = jQuery.trim($this.val()).length;

                if (valueLength == '') {
                    hasError = true;
                    $this.css('border-color', '#f8bcc2')
// here i added one function 
                    $('#steps').each(function () {
                        //   alert('hhh');
                        marginLeft: '0' + 'px'

                    }
                        );

                    //                $('#steps').css('margin-Left', '0')
                }
                else
                    $this.css('border-color', '#8DC440');
            });

在此先感谢...如果有任何解决方案

Answer 1

单击检查时：

[...].click(function(ev){
  var _this=$(this), i = $(this).index(), valid;
  var set=$("#steps formset").get(index-1);
  valid=// Here check set all mandatory field is not empty
  if(valid) $("#steps formset").get(index)/*slide*/
});

添加“强制”类以识别必填字段。