2015-11-09 2 views
0

Здесь у меня есть несколько записей с флажками. Как только я отправлю, он дает и ошибку, поскольку я создал, что «вам нужно выбрать atlease one checkbox». Когда я устанавливаю флажок «Выбрать все», он будет выбирать флажок «Вся страница» флажка в разбивке на страницы. Но когда я снял флажок с определенной страницы, а другие проверены, она также дает мне ошибку, чтобы установить флажок, когда я отправляю. Итак, где я ошибаюсь в этой проверке флажка с разбиением на страницы?Валидация не работает в разбивке на страницы

Мой код:

$('#processorder').click(function() { 
     checked = $("input[type=checkbox]:checked").length; 

     if(!checked) { 
     alert("Please select an Order(s)..!!"); 
     return false; 
     } 

    }); 

}); 

<div style="text-align: center;margin-bottom: 10px;"><input type="submit" id="processorder" name="processorder" value="Process Order" class="submit-green"/></div> 
+0

Ваш код работает нормально. Похоже, что что-то не так в другой части вашего приложения. – Stepashka

ответ

-1

Как вы можете видеть, у вас есть дополнительная строка, которая вызывает эту ошибку. Просто удалите его, и он сработает.

Fiddle: http://jsfiddle.net/bxvfn652/

$('#processorder').click(function() { 
     checked = $("input[type=checkbox]:checked").length; 

     if(!checked) { 
     alert("Please select an Order(s)..!!"); 
     return false; 
     } 

    }); 

}); /*this line breaks your code. */ 
+0

Код работает с пустой строкой или без нее. Как это поможет пользователю? – Bonatti

0

Попробуйте добавить дополнительную проверку перед if-даного как это:

$('#processorder').click(function() { 
 
    checked = $("input[type=checkbox]:checked").length > 0; //Extra check 
 

 
    if(!checked) { 
 
    alert("Please select an Order(s)..!!"); 
 
    return false; 
 
    } 
 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="checkbox" name="chk[]" value="Apples" /> 
 
<input type="checkbox" name="chk[]" value="Bananas" /> 
 

 
<div style="text-align: center;margin-bottom: 10px;"><input type="submit" id="processorder" name="processorder" value="Process Order" class="submit-green"/></div>

Tyr из ниже фрагмент кода, надеюсь, это поможет !

/Zorken17

+0

Если вы считаете, что это хороший ответ, отметьте i как один. @ Вирусный Bhoot – Zorken17

Смежные вопросы