Проверка на не заполненные поля…

235
28 марта 2018, 03:41

Имеются поля для пк версии и моб. версии:

<div class="small--hide"> 
<p align="right" style="margin-top:30px;"> 
<a href="/cart/oneclick/" class="btn btn--secondary cart__update cart__continue--large" >Вернуться назад</a> 
<input id="1" type="submit" class="add-cart btn btn--has-icon-after cart__continue-btn" name="submitdata" value="Оформить заказ" /> 
</p> 
</div> 
 
 
<div class="site-header__menu"> 
<p style="margin-top:30px;"> 
<a href="/cart/oneclick/" target="_blank" style="color: #3d4246">Вернуться назад</a> 
<input id="2" type="submit" class="add-cart btn btn--has-icon-after cart__continue-btn" name="submitdata" value="Оформить заказ" /> 
</p> 
</div>

Есть скрипт проверки на пустые поля

<script> 
$("#1").on("click", function() { 
	console.log('!!!'); 
  $("div.error").remove(); 
  if ($("#order_fio").val().length < 1) { 
	console.log('!!!'); 
	$("#order_fio").addClass('input--error'); 
    return false; 
  } 
    if ($("#order_phone").val().length < 1) { 
	console.log('!!!'); 
	$("#order_phone").addClass('input--error'); 
    return false; 
  } 
}); 
$(document).on('focus','input,select,textarea',function(){$(this).removeClass('input--error')}); 
</script>

С пк версии если поля пустые то не пропускает дальше при нажатии на кнопку "Оформить заказ", поля обводятся красным. А вот с моб версии ничего не происходит и свободно пропускает дальше...

READ ALSO
Не знаю как вывести текст из alert на html страницу. Помогите, пожалуйста

Не знаю как вывести текст из alert на html страницу. Помогите, пожалуйста

ЗдравствуйтеЯ хотел бы узнать как вывести текст на html страницу, который находится в alert (возможно я не правильно выражаюсь)

265
Картинка и clip-path

Картинка и clip-path

Помогите обрезать изображение в форме "волны" с помощью clip-pathВнизу пример как хотелось бы

270
Как сделать прозрачную маску?

Как сделать прозрачную маску?

Как сделать этот треугольник средствами css? Пробовал через clip и через border, но как-то всё тщетно

234