Hi! I need to do a form validation on JS but my script does not work at all. Look who is not difficult and tell me where I was wrong.

div class="simple-modal"> <script type="text/javascript"> function validateForm() { var x=document.forms["form-modal-call"]["phone"].value; if (x.length < 9) { alert("Не верно введен телефон"); return false; } } </script> <h2>Оставьте Ваш телефон <small> и наш менеджер перезвонит, чтобы забронировать разработку проекта.<br><span class="projects-counter form-projects-counter"></span></small></h2> <form name="form-modal-call" action="#" method="post" onsubmit="return validateForm();" class="simple-form calculation-form" data-type="1 - Заказать обратный звонок" id="form-call"> <input type="hidden" name="type_form" value="Заказать обратный звонок"> <input type="hidden" name="utm_source" value="<?php echo isset($_GET['utm_source']) ? $_GET['utm_source'] : '' ;?>"> <input type="hidden" name="utm_medium" value="<?php echo isset($_GET['utm_medium']) ? $_GET['utm_medium'] : '' ;?>"> <input type="hidden" name="utm_campaign" value="<?php echo isset($_GET['utm_campaign']) ? $_GET['utm_campaign'] : '' ;?>"> <input type="hidden" name="utm_term" value="<?php echo isset($_GET['utm_term']) ? $_GET['utm_term'] : '' ;?>"> <input type="hidden" name="utm_content" value="<?php echo isset($_GET['utm_content']) ? $_GET['utm_content'] : '' ;?>"> <input type="text" placeholder="+7 (___) ___-__-__" class="phone-mask" name="phone"/> <button type="submit" class="btn white-bg btn-recall"><span>Заказать звонок сейчас</span></button> </form> </div>
  • one
    getElementById is right here. “doesn’t work at all” - learn in such cases first of all to look into the browser console - Igor
  • Changed, but does not work. - Oleksandr Tatarinov
  • Changed the code in question. - Oleksandr Tatarinov

1 answer 1

Everything is working.

 function validateForm() { var x = document.forms["form-modal-call"]["phone"].value; console.log(x); if (x.length < 9) { alert("Неверно введен телефон"); return false; } } 
 <h2>Оставьте Ваш телефон, <small> и наш менеджер перезвонит, чтобы забронировать разработку проекта.<br><span class="projects-counter form-projects-counter"></span></small></h2> <form name="form-modal-call" action="#" method="post" onsubmit="return validateForm();" class="simple-form calculation-form" data-type="1 - Заказать обратный звонок" id="form-call"> <input type="hidden" name="type_form" value="Заказать обратный звонок"> <input type="hidden" name="utm_source" value="<?php echo isset($_GET['utm_source']) ? $_GET['utm_source'] : '' ;?>"> <input type="hidden" name="utm_medium" value="<?php echo isset($_GET['utm_medium']) ? $_GET['utm_medium'] : '' ;?>"> <input type="hidden" name="utm_campaign" value="<?php echo isset($_GET['utm_campaign']) ? $_GET['utm_campaign'] : '' ;?>"> <input type="hidden" name="utm_term" value="<?php echo isset($_GET['utm_term']) ? $_GET['utm_term'] : '' ;?>"> <input type="hidden" name="utm_content" value="<?php echo isset($_GET['utm_content']) ? $_GET['utm_content'] : '' ;?>"> <input type="text" placeholder="+7 (___) ___-__-__" class="phone-mask" name="phone" /> <button type="submit" class="btn white-bg btn-recall"><span>Заказать звонок сейчас</span></button> </form>