Как ограничить выполнение скрипта?

Question

[alex2k19]

Есть скрипт на Jquery который проверяет поля на пустоту, и если поле пустое выводит ошибку, как сделать так что бы при нажатии на кнопку форма не срабатывала, а оставалсь на этой странице?

$('.btn').on('click', function(){

	var yratext = /[':', 'A-Z', 'a-z', '\\', '//','%$@#№^&*();|<>+={}']/;
	if ( $('.input_1').val() === '' && $('.input_2').val() === '' )
	{
		$('.message').text('Поле не может быть пусто!');
	}
  else if ( $('.input_1').val() !== '' && $('.input_1').val().length <= 6)
	{
  	$('.message').text('Длинна должна быть не меньше 6-ти символов!');
	}
  else if ( $('.input_2').val() !== '' && $('.input_2').val().length <= 6)
	{
  	$('.message').text('Длинна должна быть не меньше 6-х символов!');
	}
  else if ( $('.input_1').val() !== '' && yratext.test( $('.input_1').val() )  )
  {
    $('.message').text('Вы используете запрещенные символы!');
  }
  else if ( $('.input_1').val() !== '' && yratext.test( $('.input_1').val() )  )
  {
    $('.message').text('Вы используете запрещенные символы!');
  }
  else
 	{
  	$('.message').text('');
	}
  
});

<form action="form.php" method="POST">
    <input type="text" class="input_1" name="input_1">
    <input type="text" class="input_2" name="input_2">
    <button class="btn">Send</button>
</form>
<div class="message">
  
</div>

Comments

[Петр Мухуров]

<button type="submit" class="btn">Send</button>

$('.btn').on('click', e => {
  e.preventDefault();
})

[alex2k19]

Петр Мухуров, а как мне с этой функцией соеденить, что бы и выводилось и что бы не перезагружалось

Answer 1

[twobomb]

$('.btn').on('click', function(ev){

  var yratext = /[':', 'A-Z', 'a-z', '\\', '//','%$@#№^&*();|<>+={}']/;
  if ( $('.input_1').val() === '' && $('.input_2').val() === '' )
  {
    $('.message').text('Поле не может быть пусто!');
  }
  else if ( $('.input_1').val() !== '' && $('.input_1').val().length <= 6)
  {
  	$('.message').text('Длинна должна быть не меньше 6-ти символов!');
  }
  else if ( $('.input_2').val() !== '' && $('.input_2').val().length <= 6)
  {
  	$('.message').text('Длинна должна быть не меньше 6-х символов!');
  }
  else if ( $('.input_1').val() !== '' && yratext.test( $('.input_1').val() )  )
  {
    $('.message').text('Вы используете запрещенные символы!');
  }
  else if ( $('.input_1').val() !== '' && yratext.test( $('.input_1').val() )  )
  {
    $('.message').text('Вы используете запрещенные символы!');
  }
  else{
  	$('.message').text('');
        return true;
  }
       ev.preventDefault();
       return false;
});

Comments

[alex2k19]

Спасибо)