проверка формы не удалась - PullRequest
Новая
       1

проверка формы не удалась

0 голосов
/ 11 января 2012

У меня есть форма, а ниже - код. При нажатии на кнопку отправки он возвращает true, вместо того, чтобы отобразить пустое значение textfiled, это должно привести к некоторой ошибке.

Это простая проверка формы

html 

<form name="rt-form2"  method="post" onsubmit="return validateform();">
<input type="text" value="Name" name="name2" id="name1"><br>

<input type="text" value="Email" name="Email" id="Email1"><br>

<input type="text" value="Phone Number" name="phone" id="phone1"><br>

<input type="submit" value="submit" name="submitm" class="submit-btn">
</form>

и проверка JavaScript 

<script type="text/javascript">
 function validateform(){
 alert("Submit button is clicked");


     if(document.rt-form2.name2.value.length < 1) {
        alert("Enter name");
        return false;
     }
     else {
        alert("Submitting");
        return true;
    }


}

</script>

Ответы [ 4 ]

1 голос
/ 11 января 2012

Я перезапишу это, и похоже, что ошибка произошла от названия формы. Использование «-» в javascript приводило к ошибкам. Как только я переключился на «_», это, кажется, работает нормально.

jsFiddle

Я сделал то же самое с jQuery, который позволяет вам ввести значение по умолчанию, а также проверяет все поля с классом required. Это только немного сложнее, потому что он проверяет, что значение по умолчанию было изменено, а также очищает поле при его выборе.

моя проверка

0 голосов
/ 11 января 2012 
    function validateForm()
        {
        var x=document.forms["formElem"]["name"].value;
        if (x==null || x=="" || x=="Name")
          {
          alert("All fields must be filled out");
          return false;
          }

         var x=document.forms["formElem"]["hnumber"].value;
        if (x==null || x=="" || x=="Phone")
          {
          alert("All fields must be filled out");
          return false;
          }

         var x=document.forms["formElem"]["mnumber"].value;
        if (x==null || x=="")
          {
          alert("All fields must be filled out");
          return false;
          }

          alert('Thanks for applying. Someone from HR will contact you shortly.');
    }

Это действительно простой скрипт, который я использую.

0 голосов
/ 11 января 2012

Чувак, твой сценарий правильный. Просто удалите дефис из имени формы, и все готово!

0 голосов
/ 11 января 2012

Попробуйте это: 

<body>
    <head>    
<script type="text/javascript">
function validateform()
{
    alert("Submit button is clicked");
    var namelength = document.formulari.name2.value.length;
    if(namelength < 1)
    {
        alert("Enter name");
        return false;
    }
    else
    {
        alert("Submitting");
            return true;
    }
}

</script>
    </head>
<form name="formulari"  method="post" onsubmit="return validateform();">
<input type="text" name="name2" id="name2"><br>

<input type="text"  name="Email" id="Email1"><br>

<input type="text"  name="phone" id="phone1"><br>

<input type="submit" value="submit" name="submitm" class="submit-btn">
</form>
</body>

Если по умолчанию у вас есть значение в поле (value="Name"), это не вызовет «пустую» ошибку. Потому что получает это значение по умолчанию.
РЕДАКТИРОВАТЬ : Я забыл добавить, что вы должны случайно назвать имя формы. Как я сделал в своем коде ниже.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...