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*/
});

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

如果必填字段为空，则滑动停止动画

1 个答案: