Question

我想在提交时验证我的表单值，但它直接转到操作而不执行onsubmit函数，任何人都可以帮助我。这是我的html页面：

...
<script src="{% static 'js/formulaire.js' %}" type="text/javascript"></script>  
<script type="text/javascript">
function isValide(){
 var resultat = true
 if (!isAlpha(document.getElementById('titre').value) ||   document.getElementById('titre').value == "" {
   resultat = false:
   document.getElementById('titre').className="inp-form-error";
   document.getElementById('err1').style.display="block";
   document.getElementById('err2').style.display="block";
 }
 else {
   document.getElementById('titre').className="inp-form";
   document.getElementById('err1').style.display="none";
   document.getElementById('err2').style.display="none";
 }
 if (!isFloat(document.getElementById('seuil').value) ||   document.getElementById('seuil').value == "" {
   resultat = false:
   document.getElementById('seuil').className="inp-form-error";
   document.getElementById('err3').style.display="block";
   document.getElementById('err4').style.display="block";
 }
 else {
   document.getElementById('seuil').className="inp-form";
   document.getElementById('err3').style.display="none";
   document.getElementById('err4').style.display="none";
 }
 return resultat;
}
</script>
...
<form id="notif-form" name="form1" action="{% url 'mgmt_notif:verif_notif' %}" method="POST" onsubmit="return isValide();">
            {% csrf_token %}

            <table border="0" cellpadding="0" cellspacing="0" id="id-form" >
            <tr>
                    <th valign="top">Titre :</th>
                    <td><input type="text" name="nom_notif" id="titre" class="inp-form" /></td>
                    <td>
                    <div id="err1" class="error-left"></div>
                    <div id="err2" class="error-inner">Verifier ce champs.</div>
                    </td>
            </tr>
            <tr>
                    <th valign="top">Seuil :</th>
                    <td><input type="text" name="rate" id="seuil" class="inp-form" /></td>
                    <td>
                    <div id="err3" class="error-left"></div>
                    <div id="err4" class="error-inner">Verifier ce champs</div>
                    </td>
            </tr>
            <tr>
                    <th valign="top">Description :</th>
                    <td colspan=2><textarea name="desc_notif" class="form-textarea"></textarea></td>
            </tr>
            <th>&nbsp;</th>
            <td valign="top">
                    <input type="submit" value="Enregistrer" class="form-submit" />
                    <input type="reset" value="Annuler" class="form-reset"  />
            </td>
            <td></td>
    </tr>
    </table>
    </form>

和formulaire.js文件：

function isTel(valeurChamp){

    var pattern = /^0[\d]{9}$/;

    return pattern.test(valeurChamp);

}
function isAlpha(valeurChamp){

    var pattern = /^[a-zéç| èùâëïöüâêûî\-\s]+$/i;

    return pattern.test(valeurChamp);

}
function isMail(valeurChamp){

    var pattern = /^[-+.\w]{1,64}@[-.\w]{1,64}\.[-.\w]{2,6}$/;

    return pattern.test(valeurChamp);

}
function isFloat(valeurChamp){

    var pattern = /^{0,1}d*.{0,1}d+$/;

    return pattern.test(valeurChamp);
}
function isPassword(p1,p2) {
  if (p1.value == '' || p2.value == '') {
   return false;
  }
  else if (p1.value != p2.value) {
   return false;
  }
  else if (p1.value != p2.value) {
   return true;
  }
  else {
   return false;
  }
}

谢谢

onsubmit功能不起作用

0 个答案: