Показать сообщение отдельно
  #4 (permalink)  
Старый 15.05.2014, 05:07
Профессор
Отправить личное сообщение для jsnb Посмотреть профиль Найти все сообщения от jsnb
 
Регистрация: 15.03.2014
Сообщений: 561

Сообщение от al456 Посмотреть сообщение
Как тут кнопочку "Просмотреть прикрутить?"
[HTML RUN]html код [/HTML]

Сообщение от al456 Посмотреть сообщение
Если ничего не ввели - но кликнули - сообщение об ошибке в своем диве выводим.
Если что-то ввели , или один символ убрали (123 != 12 ) отправляем AJAX
<!DOCTYPE HTML>
<html>
  <head>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  </head>
  <body>
<div class="box">
	<input value="123">
	<button>Отправить</button>
</div>

<div class="box">
	<input value="456">
	<button>Отправить</button>
</div>

<div class="box">
	<input value="789">
	<button>Отправить</button>
</div>

<script>
$(function() {

$('.box button').on('click', function() {
  var $parent = $(this).parent();
  var val = $(this).prev().val();
  if (val !== $(this).prev().attr('value') && val !== '') {
    $parent.find('span.errspan').remove();
    alert('ajax');
  } else {
      if (!$parent.find('span.errspan').length) {
        $parent.append( $('<span class="errspan">error</span>').css('color', 'red') );
      }
    }
});

});
</script>

  </body>
</html>

Последний раз редактировалось jsnb, 15.05.2014 в 05:10.
Ответить с цитированием