DGKumar Ответов: 1

Как проверить элементы управления текстовым полем с помощью jquery?

Как проверить, пусты ли текстовые блоки или нет один за другим в форме перед отправкой формы. используя jquery?

Что я уже пробовал:

я пробовал, но только один, что последнее условие if работает только после заполнения последнего текстового поля следующий блок else работает?
<!DOCTYPE html>
< html>
< голова>
& lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" >
< / script>
& lt;скрипт>
$(документ).готово(функция () {

$("#btnSubmit"). click (функция(){
if ($("#txtone"). val() == "")
{
$('#my'). html ('0ne enter'); / / добавляет текст ко всем элементам p
}

if ($("#txt2"). val() == "")
{
$('#my'). html ('2 enter'); / / добавляет текст ко всем элементам p
}

if ($("#txt3"). val() == "")
{
$('#my'). html ('3 enter'); / / добавляет текст ко всем элементам p
}
else{alert ("ok");}
}

);



$('див').функции append('это див.'); // добавляет текст, чтобы все элементы div

});
< / script>
& lt;стиль>
див.{
границы: 1px твердых;
}

п{
границы: 1 пиксель пунктирной;
}
< / стиль>
< / head>
& lt;тело>








в <тип входного="текст" идентификатор="txtone"/&ГТ;
< input type= "text" id= "txt2" />
< input type= "text" id= "txt3" />
< input type= "button" id= "btnSubmit"/>

< / body>
< / html>

1 Ответов

Рейтинг:
2

Freelancer sekhar Babu

Используйте возвращать false, если условие, тогда она будет проверять по-одному, если условие, если одно условие не будет показывать соответствующее сообщение он вышел из функции, не выполняя неоднократные заявления.


$("#btnSubmit").click(function()
{
if($("#txtone").val() == "")
{
$('#my').html('0ne enter'); // appends text to all p elements
return false;
}

if($("#txt2").val() == "")
{
$('#my').html('2 enter'); // appends text to all p elements
return false;
}

if($("#txt3").val() == "")
{
$('#my').html('3 enter'); // appends text to all p elements
return false;
}
else{alert("ok");}
}

);