Block Formular senden JS funktioniert nicht

Question

Ich möchte einige Formularwerte überprüfen, bevor Sie es absenden. Also habe ich das in meine:

<form name="frmcontact" id="frmcontact" method="post" action="<?php echo($action);?>" class="forms" onsubmit="return checkContactsFields()"> 

Und hier ist meine JS-Funktion:

function checkContactsFields(){ 
    var newIdValue = document.forms["frmcontact"]["new_id"].value; 
    if(newIdValue !== 'ADRESSE NON IDENTIFIE'){ 
     var form = document.forms["frmcontact"].elements; 
     for(var i = 0; i < form.length; i++) { 
      if(form[i].name === 'street' || form[i].name === 'cp' || form[i].name === 'town'){ 
       if(form[i].value === ''){ 
        console.log('ok'); 
        document.getElementById('main_error_popup').style.display = 'table-cell'; 
        if(form[i].name === 'street') 
         errorMsg = 'Voie'; 
        else if(form[i].name === 'cp'){ 
         errorMsg = 'Code Postal'; 
        }else{ 
         errorMsg = 'Ville' 
        } 
        document.getElementById('main_error_popup').innerHTML = 'Le champ ' + errorMsg + ' est vide'; 
        return false; 
       } 
      } 
     } 
     return true; 
    } 
    return true; 
} 

Das Problem, das ich ist haben, dass auch bei der Rückkehr falschen Aussage, das Formular ist ..

Irgendeine Idee des Grundes?

Vielen Dank im Voraus

Answer 1

preventDefault zur Funktion & submit die Form ajax

In html

onsubmit="return checkContactsFields(event)" 

in js

function checkContactsFields(e){ 
    e.preventDefault() 
} 

Answer 2

Ein schneller Test scheint in Chrom unter Verwendung hinzufügen zu wo rk wenn ich gerade tun:

function checkContactsFields(){ 
    alert("I won't submit"); 
    return false; 
} 

https://plnkr.co/edit/yA3hVlDtfUGxSCceqPMY?p=preview

Wenn Ihr Javascript einen Fehler bei der Ausführung führt das noch passieren muss.

Wie sieht Ihr HTML aus?