Вызов функции javascript

Question

У меня есть форма с 2 текстовыми полями. Я хочу проверить, что по крайней мере одно текстовое поле заполнено, и если есть только один заполненный, сделайте что-нибудь, и если они будут заполнены, сделайте что-нибудь еще. Я нашел функцию javascript, которая, я думаю, может помочь мне, но я не знаю, откуда ее назвать.

здесь функция

function verification() { 
     var1= document.getElementById("form").value; 
     var2= document.getElementById("form").value; 
     if((var1 != "") && (var2 != "")) 
     { 
      // do what ever you want here. 
     } 
     else 
     { 
      alert("Fill at least one field"); 
     } 

} 

и форма:

<form id="form" action="start.php" method="post" enctype="multipart/form-data"> 
Person 1: <input type="text" name="person1" /> <br/> 
Person 2: <input type="text" name="person2" /> <br /> 
<input type="submit" value="Submit" name="Submit" /> 
</form> 

Answer 1

function verification() { 
     var1 = document.getElementById("person1").value; 
     var2 = document.getElementById("person2").value; 

     if((var1 != "") || (var2 != "")) 
     { 
      // do what ever you want here. 
      return true; 
     } 
     else 
     { 
      alert("Fill at least one field"); 
      return false; 
     } 

} 

<form id="form" action="start.php" method="post" enctype="multipart/form-data" onsubmit="return verification();"> 
Person 1: <input type="text" id="person1" name="person1" /> <br/> 
Person 2: <input type="text" id="person2" name="person2" /> <br /> 
<input type="submit" value="Submit" name="Submit" /> 
</form> 

И вы должны поставить встроенный Javascript для js файла, поэтому ставлю эту функцию verification в какой-то js файл.

Answer 2

Вызов идентификатора form не получит значения полей ввода person1 и person2. Таким образом, вам придется изменить свой var1 и var2 .Также, как вы хотите, чтобы проверить, если кто-нибудь из них заполнена, вы должны использовать || и не &&

HTML Изменен:

<form id="form" action="start.php" onsubmit="return verification()" method="post" enctype="multipart/form-data"> 
Person 1: <input id="one" type="text" name="person1" /> <br/> 
Person 2: <input id ="two" type="text" name="person2" /> <br /> 
<input type="submit" value="Submit" name="Submit"/> 
</form> 

Javascript модифицирована:

function verification() { 
     var1= document.getElementById("#one").value; 
     var2= document.getElementById("#two").value; 
     if((var1 != "") || (var2 != "")) 
     { 
      // do what ever you want here. 
      return true; 
     } 
     else 
     { 
      alert("Fill at least one field"); 
      return false; 
     } 

} 

Answer 3

Попробуйте

HTML

<form id="form" action="start.php" method="post" onsubmit="return verification();" enctype="multipart/form-data"> 
Person 1: <input type="text" id="person1" name="person1" /> <br/> 
Person 2: <input type="text" id="person2" name="person2" /> <br /> 
<input type="submit" value="Submit" name="Submit" /> 
</form> 

Javascript

function verification() { 
     var1= document.getElementById("person1").value; 
     var2= document.getElementById("person2").value; 
     if((var1 == "") && (var2 == "")) 
     { 
      alert("Fill at least one field"); 

     } 
     else 
     { if((var1 != "") && (var2 != "")){ 
      alert("both filled"); 
     }else{ 
     alert("only one field filled"); 
     } 
     } 

    return false; 


} 

Здесь я returnig ложной (предотвращающая формы, чтобы отправить), вы можете поместить его под условием, если Accoding требований.

Corrected Fiddle

Answer 4

ИЛИ использовать JQuery:

$("input[type='submit']").click(function() { 
 
    var var1 = $("input[name='person1']").val(); 
 
    var var2 = $("input[name='person2']").val(); 
 

 
    if (var1 != "" || var2 != "") { 
 
    alert("All OK :)"); 
 
    } else { 
 
    alert("Fill at least one field"); 
 
    $("form").submit(function(e) { 
 
     e.preventDefault(); 
 
     $("input[name='person1']").focus(); 
 
    }); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> 
 
<form id="form" method="post"> 
 
    Person 1: 
 
    <input type="text" name="person1" /> 
 
    <br/>Person 2: 
 
    <input type="text" name="person2" /> 
 
    <br /> 
 
    <input type="submit" value="Submit" name="Submit" /> 
 
</form>

EXAMPLE