Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Submit zamiast alertu.
Forum PHP.pl > Forum > Przedszkole
zaaap
Witam, postawilem umiescic live validation i mam prosbe o modyfikacje skryptu tak aby po spelnieniu warunkow nie wyskakiwal alert ale formularz zostal submitowany na odpowiednia strone. Nic sie nie kumam w JS niestety, prosze o pomoc.

  1. <form action="wysylanie.php" method="post">
  2. <legend>Example of form validation</legend>
  3. <p><label for="field1" class="displayBlock">Email (optional):</label><input id="field1" type="text"></p>
  4. <p><label for="field2" class="displayBlock">Acceptance (required):</label><input id="field2" class="checkbox LV_valid_field" type="checkbox"><span class="LV_validation_message LV_valid">Thankyou!</span></p>
  5. <p><label for="field3" class="displayBlock">Presence (required):</label><textarea id="field3" class="shallow" rows="2" cols="10"></textarea></p>
  6.  
  7. <p><input class="submit" value="Test me!" type="submit"></p>
  8. </form>
  9. <script type="text/javascript">
  10. var field1 = new LiveValidation( 'field1', {onlyOnSubmit: true } );
  11. field1.add( Validate.Email );
  12. var field2 = new LiveValidation( 'field2', {onlyOnSubmit: true } );
  13. field2.add( Validate.Acceptance );
  14. var field3 = new LiveValidation( 'field3', {onlyOnSubmit: true } );
  15. field3.add( Validate.Presence );
  16.  
  17. var automaticOnSubmit = field1.form.onsubmit;
  18. field1.form.onsubmit = function(){
  19. var valid = automaticOnSubmit();
  20. if(valid)alert('The form is valid!');
  21. return false;
  22. }
  23. </script>


Tzn podejrzewam ze modyfikacje trzeba gdzies tutaj zapodac: if(valid)alert('The form is valid!'); ale co konkretnie nie mam pojecia.
l0ud
Spróbuj usunąć te linie:
Kod
if(valid)alert('The form is valid!');
return false;
zaaap
Po usunieciu zawsze submituje forma, nawet jesli nie spelnia wymogów. A powinien jedynie jesli wszystko jest ok
bim2
podmien na
  1. if(!valid)
  2. {
  3. alert('The form is not valid!');
  4. return false;
  5. }
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.