Jak mogę wyświetlić tekst tuż obok pola tekstowego za pomocą jQuery, podobnie jak nazwa nie jest wprowadzana w formularzu, więc po kliknięciu przycisku Prześlij pokaże tekst tuż obok pola tekstowego Nazwa i nie chcę Użyj tego walidacji, sprawdzam wartość pola tekstowego za pomocą prostego kodowania jQuery ..? Oto mój kod ..

$('#btnAddContact').click(function () {
        if ($("#name").val().length <= 0) {
             $("#name").val("");
             $("#name").focus();
});
0
Mayank Sharma 11 wrzesień 2012, 10:52

4 odpowiedzi

Najlepsza odpowiedź

Doda nowy div po name, jeśli nie istnieje.

$('#btnAddContact').click(function () {
  var msg = $('#name-message');
  if (msg.length == 0) {
      msg = $('<div id="name-message"></div>')
      $('#name').after(msg);
  }

  msg.html('Opps. Error!');   
});
0
jgauffin 11 wrzesień 2012, 07:00

Możesz łatwo to zrobić

$('#btnAddContact').click(function () {
        if ($("#name").val().length <= 0) {
             $("#name").val("");
             $("#name").after('<span>Please enter name</span>');
             $("#name").focus();
        }
});
0
rahul 11 wrzesień 2012, 07:00

Po prostu umieść ukryty div obok nazwy i wyświetl go na swojej funkcji:

<div id="errorName" style="display:none">Name can't be empty</div>

A następnie funkcja:

$('#btnAddContact').click(function () {
    if ($("#name").val().length <= 0) {
         $("#errorName").fadeIn();
         $("#name").val("");
         $("#name").focus();
    }
    else
       $("errorName").fadeOut();
});
0
mornaner 11 wrzesień 2012, 07:23

Myślę, że próbujesz użyć wyświetlacza komunikatu walidacyjnego

  1. Następnie umieść textbox w div
  2. Dodaj float:left do pola tekstowego w CSS
  3. Następnie napisz zawartość do div lub możesz utworzyć etykietę lub rozpiętość do tego div i zastosować CSS float:right do tego zakresu lub LablaL
0
Pablo Claus 11 wrzesień 2012, 11:33