2012-01-11 5 views
0

У меня есть форма и ниже код И когда подать нажатии возвращает true, а что отображение textfiled опустошить, он должен дать некоторую ошибку.форма Validating терпит неудачу

Его простая форма проверки

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> 
+0

делает document.rt-form2.name2.value.length селектор даже работа? – anderssonola

ответ

0

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

0

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

<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> 

Если по умолчанию у вас есть значение в фи eld (value="Name") он не запустит «пустую» ошибку. Потому что получает это значение по умолчанию.
EDIT: Я забыл добавить, что вам нужно указать имя имени формы. Как и в моем коде ниже.

+0

Кто бы ни делал нижний план, не мог ли он объяснить, почему я могу улучшить свои последующие ответы? – Nobita

1

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

jsFiddle

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

my Validation

0
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.'); 
    } 

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

Смежные вопросы