Šta je novo?

Javascript / Jquery provera input polja

Diamond

Slavan
Učlanjen(a)
10.02.2007
Poruke
1,339
Poena
445
Поштовани чланови форума,
неопходна ми је помоћ.
Потребно је да проверим да ли корисник уписује празно место у ιnput пољу, и ако упише једно празно место, да се испод тог поља упише реч Τag. За свако празно поље, уписује се нова реч Таg2 и ресетује поље. Код клика на дугме "ресетовање" брише се свако настало Τag polje.

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<script src="jquery-3.3.1.min.js"></script>
<title> Jquery</title>
</head>
<body>


<input type="text" name="prvi" id="prvi" value="Tag"></input>

<button type="button" id="ponisti" name="ponistavanje">Poništi</button>

<div id="prikazati"><br></div>
<hr>
<input type="number" name="broj1" placeholder="min"></input>
<input type="number" name="broj2" placeholder="max"></input>
<button type="button" name="generisi">Generiši</button>
<script>

var input_karakter = document.getElementById('prvi');
var paragraf = document.getElementById('prikazati');
input_karakter.onkeydown = function(e) {
if input_karakter == keycode 32
};

$(function() {
var sadrzaj = ("text");
});

</script>

</body>
</html>

Не знам да ли сам на добром путу ? Хвала.
 
U <script></script> obrisi sve tvoje i ubaci ovo:
Kod:
$('#prvi').on('input', function(e) {
  if (e.target.value.trim() !== e.target.value) {
    $('#prikazati').text($('#prikazati').text() + e.target.value);
    e.target.value = '';
  }
});

$('#ponisti').click(function() {
  $('#prikazati').html('<br>');
});
Ako nisam dobro razumeo pitanje, javi pa da ispravimo.
 
Tребало би да се направи функција у којој није унапред дефинисан низ који ће бити обрађен.
Функција реагује на оно што корисник унесе.
За сваки унет празан карактер, испод поља за унос приказује се реч "Τag".
За сваки следећи празан карактер приказује се Τag2, Таg3. Kликом на један од тагова, таг нестаје, а на mouseover tag постаје жут.
Копирањем твог кода, спречава се упис празних карактера у пољу за унос.
Хвала на предусретљивости у сваком случају :)
Не знам шта је лакше, да ли да пробам да то одрадим у чистом JS + jquery или само Jquery. Не знам ни тачно како да то изведем.
Хвала.
 
Poslednja izmena:
Pa ako ima negde vec jquery library koja radi to iskoristi a ako nema pisi sam u js.
 
Написао сам део, треба ми даља помоћ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="jquery-3.3.1.min.js"></script>
<title> Jquery</title>
</head>
<body>


<input type="text" name="prvi" id="prvi" value="Tag"></input>

<button type="button" id="ponisti" name="ponistavanje">Poništi</button>
<div class="prikazati"><br></div>
<hr>
<input type="number" name="broj1" placeholder="min"></input>
<input type="number" name="broj2" placeholder="max"></input>
<button type="button" name="generisi">Generiši</button>
<script>
var brojac = 1;
$('#prvi').on('input', function(e) {
if (e.target.value === ' ') {
$('.prikazati').append('Tag' + brojac);
$('#prvi').val('');
brojac += 1;
}
});
$('.prikazati').on('click', function() {
$('.prikazati').remove(this);
});

$('#ponisti').click(function() {
$('.prikazati').html('<br>');
brojac = 1;
});

</script>

</body>
</html>
На који начин се кликом на један таг уклања само тај таг, а не сви тагови из низа ?
 
Ovo je meni i dalje vrlo nejasno i konfuzno, posebno nakon tvog poslednjeg primera koji kod mene ni ne radi.

Sta treba ovo da radi if (e.target.value === ' ') tri reda ispod <script> ?
e.target.value je vrednost celog input polja. Znaci ti ovde proveravas da li je korisnik uneo space kao prvi karakter, i samo u tom slucaju dodajes tag? To po meni nema smisla.

Ovo isto ne znam kako ti radi, ako radi uopste $('.prikazati').remove(this), pogresno je skroz.
Za uklananje jednog taga najlakse je umesto obicnog teksta staviti listu, da izgleda ovako:
<div class="prikazati"><ul><li>Tag1</li><li>Tag2</li><li>Tag3</li></ul></div>
ali posto ce ovako da prikazuje tag jedan ispod drugog, onda treba jos i u css da stavis li {display: inline}, i posle napraviti da se klikom na taj tag ukloni element liste, odnosno samo taj <li>Tag</li>.

Predlazem ti da nadjes neki js/jquery kurs za pocetnike, da shvatis osnovne stvari, ima ih brdo po youtubu, a i na drugim mestima.
 
Треба уклонити део, .prikazati').on('click', function() {
$('.prikazati').remove(this);
});.
Онда ће радити, извињавам се на забуни. Скинуо сам неколико књига за Jquery, али тамо има све осим идеје како да селектујем појединачно делове које сам додао преко append. Зато сам и овде, што не могу да се снађем са књигама и курсевима. Хвала.
 
Nazad
Vrh Dno