Перейти к публикации
webil

Равенство введенного текста

Рекомендованные сообщения

webil

Привет ребят, мне нужна ваша помощь, инет перерыл но чет нечего так и не нашел...

Нужен скрипт который бы работал следующим образом:

у меня есть код

<div>
<b style="display:none;">СЛОВО</b><!--Слово которое задано изначально-->
<input type="text" value="" size="20" maxlength="100"><!--Сюда ввожу слово оно должно соответствовать тому что в теге b-->

</div>
Скрипт должен сравнивать слово в теге <b> со словом которое я ввел, в случае если они одинаковы то он бы писал "правильно", нет тогда "не правильно", но при этом он не должен учитывать регистр.

скрипт JS у сомого нечего не вышло может ли кто подсказать?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
МиксирисТ

<div id="slovo">

<b style="display:none;">СЛОВО</b><!--Слово которое задано изначально-->

<input type="text" value="" size="20" maxlength="100"><!--Сюда ввожу слово оно должно соответствовать тому что в теге b-->

 

</div>

 

<script>

$('#slovo input').blur(function(){

if($('#slovo b').text()==$('#slovo input').val()){

alert('Совпало')

}

else{

alert('Не совпало')

};

});

</script>

Изменено пользователем МиксирисТ

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

Ээээ чето не то)))

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
МиксирисТ

Форма добавления выделывается)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

Сейчас опробую)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
МиксирисТ

Все работает только что проверил

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

Так в целом почти работает, но нужно чтоб выводилось в отдельном <div> желательно и тут учитывается регистр

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
МиксирисТ

<div id="slovo">

<b style="display:none;">СЛОВО</b><!--Слово которое задано изначально-->

<input type="text" value="" size="20" maxlength="100"><!--Сюда ввожу слово оно должно соответствовать тому что в теге b-->

</div>

 

<script type="text/javascript">

$('#slovo input').blur(function(){

if($('#slovo b').text().toLowerCase()==$('#slovo input').val().toLowerCase){

$("#slovo").after('<div>Sovpalo</div>');

}

else{

alert('Не совпало')

};

});

</script>

Изменено пользователем МиксирисТ

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Проверялка</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
</head>
<body>
<input type="text" value="" id="word" size="20" maxlength="100" />
<input type="button" value="Проверить" onclick="checkWord(); return false;" />
<span id="checkResult"></span>
<script>
var goodWord = "СЛОВО"; // Слово, которое задано изначально

function checkWord() {
   var enterWord = $("#word").val();
   // опускаем оба слова в нижний регистр, чтобы убрать чуствительность к регистру
   var enterWord = enterWord.toLowerCase();
   var goodWordNew = goodWord.toLowerCase();
   if(enterWord == goodWordNew) {
       $("#checkResult").html('<font color="green">Совпадает</font>');
   } else {
       $("#checkResult").html('<font color="red">Не совпадает</font>');
   }
}
</script>

</body>
</html>

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Assada





<script>

$('#slovo input').blur(function(){
var text = $('#slovo b').text().toLowerCase();
var input = $('#slovo input').val().toLowerCase();
if(text==input){
$(".result").html("Совпало");
}
else{
$(".result").html("Не совпало");
};

});

</script> 

<div id="slovo">
<b style="display:none;">СЛОВО</b><!--Слово которое задано изначально-->
<input type="text" value="" size="20" maxlength="100"><!--Сюда ввожу слово оно должно соответствовать тому что в теге b-->
</div>
<div class="result"></div>

Смешно получилось) У всех одно и тоже) Почти.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
МиксирисТ

Смешно получилось) У всех одно и тоже) Почти.

 

Скорее всего одно и тоже, только по разному оформлено. Да и еще js лучше помести после дива

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

Блин ребята молодцы))

Но одно еще можно ли добавить при этом чтоб проверка проходила одновременно с тем моментом когда я начал вводить текст?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Assada


<div id="slovo">

<b style="display:none;">СЛОВО</b><!--Слово которое задано изначально-->

<input type="text" value="" size="20" maxlength="100"><!--Сюда ввожу слово оно должно соответствовать тому что в теге b-->

</div>

<div class="result"></div>

<script>

$('#slovo input').on('keydown input', function () {

var text = $('#slovo b').text().toLowerCase();

var input = $('#slovo input').val().toLowerCase();

if(text==input){

$(".result").html("Совпало");

}

else{

$(".result").html("Не совпало");

};

});

</script>

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

Хммм не работает

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
МиксирисТ

<div id="slovo">

<b style="display:none;">СЛОВО</b><!--Слово которое задано изначально-->

<input type="text" value="" size="20" maxlength="100"><!--Сюда ввожу слово оно должно соответствовать тому что в теге b-->

</div>

 

<script type="text/javascript">

$('#slovo input').keypress(function(){

if($('#slovo b').text().toLowerCase()==$('#slovo input').val().toLowerCase){

$("#slovo").after('<div>Sovpalo</div>');

}

else{

alert('Не совпало')

};

});

</script>

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

Спасибо всем)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

×
×
  • Создать...