Проверить форму и заполнить при открытии окна

Тема в разделе "JavaScript", создана пользователем vetalmit, 18 сен 2015.

Модераторы: ZiX
  1. vetalmit

    vetalmit

    Регистр.:
    19 окт 2013
    Сообщения:
    296
    Симпатии:
    68
    Привет!
    Необходимо при открытии окна проверить формы на заполнение и если какая либо из них пуста - заполнить текстом. Вот пробовал так, но не выходит... В скриптах я полный ноль, так что прошу помочь.
    Код:
    <script type="text/javascript">
    addEventListener('load', function(e) {
    
       var emailInput = document.getElementById('elm_33').value;
        var otdInput = document.getElementById('elm_19').value;
    
       if (emailInput.length==0){
        emailInput.value = "test@test.com";
          return false;
       }
    
       if (otdInput.length==0){
        otdInput.value = "Отд.№";
          return false;
       }
    }, false);
    </script>
    
     
  2. Aglok

    Aglok ∞³

    Регистр.:
    9 янв 2012
    Сообщения:
    162
    Симпатии:
    46
    Код:
        <script type="text/javascript">
        window.onload = function(){
    
           var emailInput = document.getElementById('elm_33');
           var otdInput = document.getElementById('elm_19');
    
           if (emailInput.value.length == 0){
            emailInput.value = "test@test.com";
           }
    
           if (otdInput.value.length == 0){
            otdInput.value = "Отд.№";
           }
        }
    </script>
     
    vetalmit нравится это.
  3. funnywheel

    funnywheel WordPress developer

    Регистр.:
    6 авг 2010
    Сообщения:
    245
    Симпатии:
    177
    Вы поддерживаете IE6? Почему не использовать placeholder? или не вписать value?
    HTML:
    <input type="text" name="email" value="example@mail.com" />
    Или, если Вам все таки нужна поддержка кривых эксплореров, все равно можно написать
    HTML:
    <input type="text" name="email" placeholder="Введите email />
    Подключить jquery (если он у вас еще не подключен)
    Подключить плагин jquery.placeholder.js

    и инициализировать его:
    Код:
    <script>
    $(document).ready(function(){
        $('[placeholder]').placeholder();
    });
    </script>
    
    Если Вы впишете инпуту value или проставите его с помощью яваскрипта - форма с этим value отправится на сервер как заполненная. Как минимум, валидация тогда нужна будет на пустое поле и на совпадение с дефолтным value. Зачем вам это нужно?