Javascript неправильно работает на кнопке

Я создал веб-страницу с помощью бутстрапа. Есть 2 текстовых поля и кнопка для отправки. Я написал функцию JavaScript, чтобы дать предупреждение, если какое-либо текстовое поле пуст. Я поражен, увидев, что он не работает. Моя функция JavaScript является:Javascript неправильно работает на кнопке

function validateForm() 
{ 
var a=document.forms["Form"]["field1"].value; 
var b=document.forms["Form"]["field2"].value; 
if(a=="" && b=="") 
{ 
alert("Both fields are required"); 
    return false; 
}else if (a==null || a=="") 
    { 
    alert("Field 1 is required"); 
    return false; 
    }else if (b==null || b=="") 
    { 
    alert("Field 2 is required"); 
    return false; 
    }else if(a!="" && b!="") 
    { 
    alert("Submitted Successfully"); 
    return true; 
    } 
}

Моя форма код:

<form role="form" method="post" name="Form" onsubmit="return validateForm()"> 
    <div class="row 150%"> 
     <div class="6u 12u$(medium)"> 
      <input class="form-control" name="field1" id="ex1" type="text" autofocus placeholder="First Text Field"> 
     </div> 
     <div class="6u 12u$(medium)"> 
      <input class="form-control" name="field2" id="ex2" type="text" autofocus placeholder="Second Text Field"> 
     </div> 
    </div><br /><br /> 
    <button id="submit" class="button" style="vertical-align:middle"> 
     <span>Submit </span> 
    </button> 
</form>

источник

2016-07-27 Uday Verma

Я просто проверил это, и это, кажется, работает прекрасно. В вашем коде должна быть какая-то другая проблема. – Cameron

http://codepen.io/anon/pen/VjdxNX работает нормально. –

попробуйте заменить тег кнопки этим –

Как вы включили JavaScript validateForm?

, например, следующие работы для меня:

<html> 
<body> 
<script> 

function validateForm() 
{ 
var a=document.forms["Form"]["field1"].value; 
var b=document.forms["Form"]["field2"].value; 
if(a=="" && b=="") 
{ 
alert("Both fields are required"); 
    return false; 
}else if (a==null || a=="") 
    { 
    alert("Field 1 is required"); 
    return false; 
    }else if (b==null || b=="") 
    { 
    alert("Field 2 is required"); 
    return false; 
    }else if(a!="" && b!="") 
    { 
    alert("Submitted Successfully"); 
    return true; 
    } 
} 
</script> 
<form role="form" method="post" name="Form" onsubmit="return validateForm()"> 
    <div class="row 150%"> 
    <div class="6u 12u$(medium)"> 
     <input class="form-control" name="field1" id="ex1" type="text" autofocus placeholder="First Text Field"> 
    </div> 
    <div class="6u 12u$(medium)"> 
     <input class="form-control" name="field2" id="ex2" type="text" autofocus placeholder="Second Text Field"> 
    </div> 
    </div><br /><br /> 
    <button id="submit" class="button" style="vertical-align:middle"> 
    <span>Submit </span> 
    </button> 
</form> 
</body> 
</html>

источник

2016-07-27 21:32:44 geedee

это не ответ, просто вопрос с включенным кодом OP. Когда у вас будет достаточно репутации, вы можете оставить комментарий –

Я приложил ответ. Он состоит из целого кода. –

Javascript неправильно работает на кнопке

ответ

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