Проверка формы для большой формы

Я пытаюсь создать форму, которая проверяет наличие пустых полей, правильный формат электронной почты и номера телефона, а также буквы и пробелы для имен. Я пробовал много разных сайтов, но не работал. Вот мой код, я надеюсь, что вы можете предложить исправления.Проверка формы для большой формы

HTML:

<html> 
    <head> 
     <script type="text/javascript" src="form.js"></script> 
    </head> 
    <body> 
     <form onsubmit="return checkForm(this);"> 
      E-Mail:<input type="text" id="email" size="15"/> 
      <br/> 
      Name:<input type="text" id="name" size="10"/> 
      Phone #:<input type="text" id="phonenumber" size="15"/> 
      Age:<input type="text" size="5" id="age"/> 
      <br/> 
      <input type="submit" value="Submit" name="submit"/> 
      <input type="reset" value="Reset" name="reset"/> 
     </form> 
    </body> 
</html>

JavaScript:

function checkForm(email,inputtxt){ 
    //Do I have to define the function parameters somewhere? 
    var re = /^(([^<>()[\]\\.,;:\[email protected]\"]+(\.[^<>()[\]\\.,;:\[email protected]\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]  {1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
    return re.test(email); 

    var letters = /^[A-Za-z]+$/; 
    if (inputtxt.value.match(letters)){ 
     return true; 
    } 
    else { 
     alert("Please enter a valid name!"); 
     return false; 
    } 

    var phoneno = /^\d{10}$/; 
    if((inputtxt.value.match(phoneno)){ 
     return true; 
    } 
    else { 
     alert("Please insert a valid phone number!!!"); 
     return false; 
    } 
    txb.value = txb.value.replace(/[^\0-9]/ig, ""); 
}

Примечание: Не критикуйте меня на JavaScript и/или HTML, пожалуйста. Я получил его с веб-сайта. Я знаю, что большинство из вас, которые отвечают, знают гораздо больше о кодировании, чем я, поэтому можете ли вы просто попытаться помочь?

источник

2014-10-15 yolotheone

«но не работает». Опишите «что» не работает. То, что вы ожидаете, и что вы получаете вместо этого. –

вы не вызываете функцию формы Validate при нажатии на кнопки отправки

вы можете позвонить проверить функцию как этот

<input type="submit" value="Submit" name="submit" onclick="history.forward()" />

Надежда это поможет вам дайте мне знать, если вам нужно дополнительно осветление

благодаря

источник

2014-10-15 10:53:39

Ashu, я пытаюсь проверить его форму, а не отправлять, когда u типа ничего. Надеюсь, ты поможешь мне в этом. Я думал, что я вызвал функцию проверки с помощью onsubmit. – yolotheone

E-Mail:<input type="email" id="email" size="15" required /> 
<br/> 
Name:<input type="text" id="name" size="10" required /> 
Phone #:<input type="text" id="phonenumber" size="15"/> 
Age:<input type="number" size="5" id="age" required /> 
<br/> 
<input type="submit" value="Submit" name="submit"/> 
<input type="reset" value="Reset" name="reset"/>

никакой дополнительной функции не требуется, надеюсь, что ее помощь :)

источник

2014-10-16 05:08:04

Проверка формы для большой формы

ответ

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