Как поставить картинку (галочку) возле поля ввода если правильно.
<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>
|
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=""> </label>
<input name="" class="no"><label for=""> </label>
</body>
</html>
|
Спасибо...а другого более короткого способа нету? скажем картинку возле строки поставить через ссылку файл функцией .css в jquery?
|
Phoenix13,
то есть написать $("#text2").addClass('on'); это слишком длинно ? |
| Часовой пояс GMT +3, время: 22:44. |