Форум

Phoenix13 · #1 (**permalink**) 26.11.2014, 02:03

<script>
$(document).ready(function(){
	$('.button').click(function(){
		var text = $('#text').val();
			if( /[^a-z]/.test(text)){
				$('#text').after('Something is wrong');
						return false;} 
			else {
				var text1 = $('#text1').val();
					if( /[^a-z]/.test(text1)){
						$("#text1").css('border', 'red 1px solid');
						$('#text1').after('Something is wrong');}  
					else {
						var text2 = $('#text2').val();
							if( /[^a-z]/.test(text2)){
								$("#text2").css('border', 'red 1px solid');}
			}
		}
	});
	
});
	</script>

рони · #2 (**permalink**) 26.11.2014, 13:18

Phoenix13,
добавить как показано ниже label и css, а в скрипте присваивать/убирать класс

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
   input.ok + label:after{
	content: '\2714';
    color: green;
    font-size: 23px;

}
   input.no + label:after{
	content: '\2715';
    color: red;
    font-size: 23px;

}
  </style>
</head>

<body>
    <input name="" class="ok"><label for="">&nbsp;</label>
    <input name="" class="no"><label for="">&nbsp;</label>
</body>

</html>

Phoenix13 · #3 (**permalink**) 26.11.2014, 16:58

Спасибо...а другого более короткого способа нету? скажем картинку возле строки поставить через ссылку файл функцией .css в jquery?

рони · #4 (**permalink**) 26.11.2014, 17:14

Phoenix13,
то есть написать $("#text2").addClass('on'); это слишком длинно ?

Форум

Справочник

Discord чат

Курсы javascript