Проверка формы JQuery «Не определено»

0

У меня возникли некоторые проблемы с JavaScript проверить мою форму для завершения до отправки. Вот мой код формы:

<form class="myform" accept-charset="UTF-8" onsubmit="return validateForm();" action="https://Autorespondercode.com" method="POST">

<div class="front-name"><input class="form-name" id="inf_field_FirstName" type="text" name="inf_field_FirstName" placeholder="First Name" /></div>


<div class="front-email"><input class="form-email" id="inf_field_Email" type="text" name="inf_field_Email" placeholder="Email" /></div>


<input style="background-color: #fc8f12;" type="submit" value="Subscribe" />


</form>

JavaScript:

function validateForm() { 
    var a=document.forms["myform"]["inf_field_FirstName"].value; 
    var b=document.forms["myform"]["inf_field_Email"].value; 
    if (a==null || a=="" || a=="First Name")
    {   alert("Please enter your First Name!");   
    return false;   }     
    var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;    
    if (document.myform.inf_field_Email.value.search(emailRegEx) == -1)  
    {           alert("Please enter a valid email address.");               
    return false;    } }

Цените любую помощь/советы.

  • 0
    И ... с какой проблемой вы сталкиваетесь? Вы проверили консоль на наличие ошибок?
  • 0
    Вы используете JQuery?
Теги:
validation
forms

2 ответа

2
Лучший ответ

Замените скрипт следующим образом:

    function validateForm() {
        var a = document.getElementById('inf_field_FirstName').value;
        var b = document.getElementById('inf_field_Email').value;
        if (a == null || a == "" || a == "First Name") {
            alert("Please enter your First Name!");
            return false;
        }
        var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
        if (document.getElementById('inf_field_Email').value.search(emailRegEx) == -1) {
            alert("Please enter a valid email address.");
            return false;
        }
    }

Браузер не может получить значение:

  var a=document.forms["myform"]["inf_field_FirstName"].value; 
  var b=document.forms["myform"]["inf_field_Email"].value; 
  • 0
    Вики, я думаю, что я влюблен в тебя. Я часами водил головой о стену, пытаясь это исправить, спасибо
  • 0
    Всего наилучшего ...:)
0

Можете ли вы попробовать, вы не myform имя формы myform в form tag,

   <form name="myform" class="myform" accept-charset="UTF-8" onsubmit="return validateForm();" action="https://Autorespondercode.com" method="POST">

Ещё вопросы

Сообщество Overcoder
Наверх
Меню