Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.11.2014, 22:25
Интересующийся
Отправить личное сообщение для Phoenix13 Посмотреть профиль Найти все сообщения от Phoenix13
 
Регистрация: 18.11.2014
Сообщений: 14

Как проверить поля ввода с помощью JQuery?
как сделать проверку ввода в поля Имя, Фамилия, Эл. Почта, пароль?
<!doctype html>
<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js">
</script>
<link rel="stylesheet" type="text/css" href="new.css" />
</head>
<body>
<div class="container">
	<div><div class="texts"> Name </div> <input type="text" name="Name" class="inp" id="text" /> </div>
	<div><div class="texts"> Surname </div> <input type="text" name="Surname" class="inp" id="text1"/></div>
	<div><div class="texts"> City </div> <input type="text" name="City"class="inp" id="text2"/></div>
	<div><div class="texts"> Email </div> <input type="text" name="Email" class="inp" id="text"/></div>
	<div><div class="texts"> Password </div> <input type="password" name="Pass" class="inp"/></div>
	<div><div class="texts"> Repeat password </div> <input type="password" name="rpt" class="inp"/></div>
</div>
<div class="submit">
 <input type="button" name="button" value="register" class="button"/>
 </div>
 <script>
$(document).ready(function(){
	$('.button').click(function(){
	var name =$("#text").val();
		if (name=="aaa") {alert('asdasd');}
        else { $("#text").css('border', 'red 1px solid');}
	});
	});
</script>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 26.11.2014, 07:23
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<form>
<input type="text" name="name" placeholder="Ваше имя" required>
<button type="submit">Отправить</button>
</form>
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 26.11.2014, 13:23
Интересующийся
Отправить личное сообщение для Phoenix13 Посмотреть профиль Найти все сообщения от Phoenix13
 
Регистрация: 18.11.2014
Сообщений: 14

Я про jquery код спрашиваю. Как написать код проверки полей?
Ответить с цитированием
  #4 (permalink)  
Старый 26.11.2014, 14:16
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

По документации к плагину jquery.validate должно работать вот так:
<!DOCTYPE html>
<form>
<input type="text" name="name" placeholder="Ваше имя" required>
<button type="submit">Отправить</button>
</form>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js">
<script>
$('form').validate();
</script>

Но у меня что-то не работает.
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #5 (permalink)  
Старый 26.11.2014, 14:41
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Сообщение от Phoenix13
как сделать проверку ввода в поля Имя, Фамилия, Эл. Почта, пароль?
По каким критериям собираетесь проверять? На пусто что ли и все?
Ответить с цитированием
  #6 (permalink)  
Старый 26.11.2014, 14:41
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,085

Сообщение от danik.js
Но у меня что-то не работает.
строка 7
Ответить с цитированием
  #7 (permalink)  
Старый 26.11.2014, 15:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,085


всё работает
<!DOCTYPE html>
<form>
<input type="text" name="name" placeholder="Ваше имя" required>
<button type="submit">Отправить</button>
</form>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
<script>
$('form').validate();
</script>
Ответить с цитированием
  #8 (permalink)  
Старый 26.11.2014, 16:56
Интересующийся
Отправить личное сообщение для Phoenix13 Посмотреть профиль Найти все сообщения от Phoenix13
 
Регистрация: 18.11.2014
Сообщений: 14

уже сделал
Спасибо всем
$(document).ready(function(){
	$('.button').click(function(){
		$('.inp').each(function(){
			var text = $('#text').val();
			if( /[^a-zA-Z]/.test(text)||text.length<=1){
			$('#text').css('background-color','#FF7171');
			}
			else {
			$('#text').css('background-color','#C6FFB3');}
		});
		$('.inp').each(function(){
			var text1 = $('#text1').val();
			if( /[^a-zA-Z]/.test(text1)||text1.length<=1){
			$('#text1').css('background-color','#FF7171');}  
			else {
			$('#text1').css('background-color','white')}
		});
		$('.inp').each(function(){
			var text2 = $('#text2').val();
			if( /[^a-zA-Z]/.test(text2)||text2.length<=1){
			$('#text2').css('background-color','#FF7171')}
			else {
			$('#text2').css('background-color','white')}
			});
		$('.inp').each(function(){
			var text3 = $('#text3').val();
			var filter = /^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$/;
			if (filter.test(text3)){
			$('#text3').css('background-color','white')}
			else if(text3.length<=1){
			$('#text3').css('background-color','#FF7171')}
			else {
			$('#text3').css('background-color','#FF7171')}
		});
		$('.inp').each(function(){
			var text5 = $('#text5').val();
			var text4 = $('#text4').val();
			if (text5.length<=1||text4.length<=1||text5!=text4){
			$('#text5').css('background-color','#FF7171')
			$('#text4').css('background-color','#FF7171')}
			else{
			$('#text4').css('background-color','white')
			$('#text4').css('background-color','white')}
		});
	});
});
Ответить с цитированием
  #9 (permalink)  
Старый 26.11.2014, 17:07
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Phoenix13, а нафига тогда jquery.validate подключал
Этот плагин позволяет то же самое, но в декларативном стиле, используя атрибуты required, minlength и pattern.
Правда как сделать проверку повторного ввода пароля - надо смотреть в документацию.
Сообщение от Phoenix13
уже сделал
"Сделал" - тут не очень подходит. Скорее "наговнокодил" )
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #10 (permalink)  
Старый 09.12.2014, 14:58
Интересующийся
Отправить личное сообщение для Phoenix13 Посмотреть профиль Найти все сообщения от Phoenix13
 
Регистрация: 18.11.2014
Сообщений: 14

Ну Я пока новичок в вебе так что, то что ты называешь "наговнокодил" для меня пока это шедевр. Но это пока)) Не судите строго)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Можно ли в jQuery селектор вставлять перменные и как? jsuse jQuery 2 04.12.2011 01:27
Анимированные кнопки с помощью jQuery a_c jQuery 9 11.04.2011 18:55
Как с помощью JQuery проверить длину введенного сообщения? Bandicoot jQuery 1 13.03.2011 14:12
JQUERY - как скачать данную библиотеку? Golovastik jQuery 7 06.03.2011 18:03
Как скруглить углы у картинки с помощью JQuery askel jQuery 5 08.05.2010 22:33