Validation jQuery неверно проверяет данные

Question

Я хочу, чтобы пользователь мог отправить форму, когда значения в текстовых полях были заполнены, и массив JSON для меня только хочет, чтобы пользователь мог представить форму когда значения в текстовых полях были заполнены, а массив изображений JSON перетащен в правильный порядок.

Код требует изображения imageorder, а также ввода текстовых полей. Это потому, что это тоже имя? Как я могу избежать этого, но все еще требуют, чтобы оба поля и порядок были правильными перед отправкой?

Извините, что я очень новичок во всем этом.

JavaScript

$(window).load(function(){ 
$(function() { 

$("#sortable").sortable({ 
    placeholder: "ui-state-highlight", 
    cursor: 'crosshair', 
    update: function(event, ui) { 
    var order = $("#sortable").sortable("toArray"); 
    order = JSON.stringify(order); 
    correct = JSON.stringify(["4","3","2","1"]); 
    if (order==correct){ 
     var valid = true 
     console.log(':)'); 
    } 
    } 
}); 

$("#sortable").disableSelection(); 

$('#submit').on('click', function() { 
var valid = true, 
    message = ''; 

$('form input').each(function() { 
    var $this = $(this); 

    if(!$this.val()) { 
     var inputName = $this.attr('name'); 
     valid = false; 
     message += 'Please enter your ' + inputName + '\n'; 
    } 
}); 

if(!valid) { 
    alert(message); 
} 
else { 
    window.location.href = "http://stackoverflow.com"; 
} 
}); 
}); 
}); 

HTML-

Name : <input type="text" class="text" name="name" id="name" /> <br/> 
Address : <input type="text" class="text" name="address" id="address" /> <br/> 
email : <input type="text" class="text" name="email" id="email" /> <br/> 

<input type="hidden" id="image_order" name="image_order" value="order" /> 

<ul id="sortable" style="width: 524px;"> 
<li id="1" class="ui-state-default"><img src="1.png" width="100" height="90" /></li> 
<li id="2" class="ui-state-default"><img src="2.png" width="100" height="90" /></li> 
<li id="3" class="ui-state-default"><img src="3.png" width="100" height="90" /></li> 
<li id="4" class="ui-state-default"><img src="4.png" width="100" height="90" /></li> 
</ul> 

<div style="clear:both;"></div> 
<input name="Submit" value="RE-ORDER" type="submit" /> 
<input type="button" id="submit" value="Submit" name="submit" /> 
</form> 
</body> 

Answer 1

Попробуйте это:

$('form input').not('#image_order').each(//...