Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Sprawdzenie czy wpisano dany tekst w input
Kerth
post
Post #1





Grupa: Zarejestrowani
Postów: 250
Pomógł: 1
Dołączył: 6.08.2012

Ostrzeżenie: (0%)
-----

Cześć,
męczę się ze sprawdzeniem w javascript czy wpisano dany tekst i kliknięto submit. Przykład:

Jeśli nie wpisano słów http:// to pojawia się komunikat. Jeśli wpisano to przepuszcza dalej.
W jaki sposób to zrobić? Jakiej funkcji użyć? Jakiś mały przykład? Pomóżcie.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
SmokAnalog
post
Post #2





Grupa: Zarejestrowani
Postów: 1 707
Pomógł: 266
Dołączył: 3.07.2012
Skąd: Poznań

Ostrzeżenie: (0%)
-----

Użyj jQuery:
[HTML] pobierz, plaintext 
  1. <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
[HTML] pobierz, plaintext


I zrób to np. tak:
[JAVASCRIPT] pobierz, plaintext 
  1. $("#formularz").submit(function () {
  2.     if ($("#pole").val().indexOf("http://") !== 0) {
  3.         $("#komunikat").text("Nieprawidłowy URL.");
  4.         return false;
  5.     }
  6. });
[JAVASCRIPT] pobierz, plaintext


Mój przykład będzie działał na HTML-u w tym stylu:
[HTML] pobierz, plaintext 
  1. <form id="formularz">
  2. 	<input type="text" id="pole">
  3. 	<div id="komunikat"></div>
  4. 	<input type="submit" value="OK">
  5. </form>
[HTML] pobierz, plaintext


Ten kod sprawdzi tylko czy wartość zaczyna się od http:// i wyświetli komunikat jeśli nie.
Go to the top of the page
+Quote Post
Kerth
post
Post #3





Grupa: Zarejestrowani
Postów: 250
Pomógł: 1
Dołączył: 6.08.2012

Ostrzeżenie: (0%)
-----

Cytat(SmokAnalog @ 6.09.2014, 11:56:10 ) *
Użyj jQuery:
[HTML] pobierz, plaintext 
  1. <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
[HTML] pobierz, plaintext


I zrób to np. tak:
[JAVASCRIPT] pobierz, plaintext 
  1. $("#formularz").submit(function () {
  2.     if ($("#pole").val().indexOf("http://") !== 0) {
  3.         $("#komunikat").text("Nieprawidłowy URL.");
  4.         return false;
  5.     }
  6. });
[JAVASCRIPT] pobierz, plaintext


Mój przykład będzie działał na HTML-u w tym stylu:
[HTML] pobierz, plaintext 
  1. <form id="formularz">
  2. 	<input type="text" id="pole">
  3. 	<div id="komunikat"></div>
  4. 	<input type="submit" value="OK">
  5. </form>
[HTML] pobierz, plaintext


Ten kod sprawdzi tylko czy wartość zaczyna się od http:// i wyświetli komunikat jeśli nie.


Coś chyba nie tak, bo kod nie zwraca nic gdy wpiszę i prześlę jakikolwiek wpis. Nic się nie dzieje oprócz dodania do linku znaku "?".

Zrobiłem sobie przykład poza projektem:

[PHP] pobierz, plaintext 
  1. <html>
  2. <head>
  3. 	<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  4. </head>
  5. <body>
  6. <script>
  7. $("#formularz").submit(function () {
  8.     if ($("#pole").val().indexOf("http://") !== 0) {
  9.         $("#komunikat").text("Nieprawidłowy URL.");
  10.         return false;
  11.     }
  12. });
  13. </script>
  14.  
  15. <form id="formularz">
  16. 	<input type="text" id="pole">
  17. 	<div id="komunikat"></div>
  18. 	<input type="submit" value="OK">
  19. </form>
  20. </body>
[PHP] pobierz, plaintext


Dobrze to zinterpretowałem?

Ten post edytował Kerth 6.09.2014, 11:12:06
Go to the top of the page
+Quote Post

Posty w temacie
- Kerth   [JavaScript] Sprawdzenie czy wpisano dany tekst w input   6.09.2014, 10:29:08
- - trueblue   Podpinasz obsługę zdarzenia onSubmit w formularzu....   6.09.2014, 10:31:51
- - Kerth   Mam podpięte pod onSubmit w formularzu. Błędy typu...   6.09.2014, 10:35:42
- - trueblue   http://www.w3schools.com/jsref/jsref_regexp_test.a...   6.09.2014, 10:38:42
- - Kerth   A jak powinno brzmieć wyrażenie regularne dla słów...   6.09.2014, 10:54:25
- - SmokAnalog   Użyj jQuery: [HTML] pobierz, plaintext <script ...   6.09.2014, 10:56:10
|- - Kerth   Cytat(SmokAnalog @ 6.09.2014, 11:56:1...   6.09.2014, 11:10:48
- - trueblue   Dla samych słów nie musisz stosować wyrażenia regu...   6.09.2014, 10:57:00
- - SmokAnalog   Daj oba znaczniki <script> zaraz przed zamk...   6.09.2014, 11:58:21
- - Kerth   Niestety nadal nic z tego: [PHP] pobierz, plainte...   6.09.2014, 12:01:05
- - SmokAnalog   Oba znaczniki, czyli ten z <head> też. Ale t...   6.09.2014, 12:40:41
- - Kerth   W takim razie co może być nie tak? Jakiś pomysł?   6.09.2014, 13:18:17
- - golabow   Sprawdź jakie masz komunikaty w konsoli. Zwykle w ...   6.09.2014, 13:49:07
- - Kerth   W konsoli brak błędów. Dalej nie wiem o co chodzi.   6.09.2014, 15:11:50
- - trueblue   Spróbuj tak: [HTML] pobierz, plaintext $(docu...   6.09.2014, 15:33:04
- - Kerth   [PHP] pobierz, plaintext <html><head> ...   6.09.2014, 15:38:22
- - SmokAnalog   Document ready jest niepotrzebne, bo w momencie za...   6.09.2014, 16:27:04

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 5.10.2025 - 19:49
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn