Почему эта форма все еще отправляет после возврата false?

Question

Я планирую показывать/скрывать divs для проверки формы. Но divs показывают только секундную разметку, а затем форму отправляется ...

Любые идеи, почему?

вот код:

function validateForm() { 
var name = nameEmpty(document.getElementById("annonsera_name")); 
if (nameEmpty(name)){return false;} 
return false; 
    } 
function nameEmpty(fld){ 
    if (fld.value==0) { 
     document.getElementById("annonsera_nameempty_error").style.display='block'; 
     document.getElementById("annonsera_namenotvalid_error").style.display='none'; 
     document.getElementById("annonsera_name").focus(); 
     return false; 
    } 
    else if (fld.value.match(alphaExp)) { 
     document.getElementById("annonsera_namenotvalid_error").style.display='block'; 
     document.getElementById("annonsera_name").focus(); 
     document.getElementById("annonsera_nameempty_error").style.display='none'; 
     return false; 
    } 

     document.getElementById("annonsera_nameempty_error").style.display='none'; 
     document.getElementById("annonsera_namenotvalid_error").style.display='none'; 
    return false; 

      } 

и вот форма:

<form name="annonsera" id="annonsera" method="post" enctype="multipart/form-data" onSubmit="return validateForm();"> 

Answer 1

Это, вероятно, генерируется ошибкой, и поэтому никогда не возвращается ничего. Предполагая, что вы используете Firefox, вы проверили консоль javascript?

Я вижу то, что выглядит как проблема здесь, где вы звоните nameEmpty() дважды - один раз с полем, а другой раз с (предположительно?) Логическим значением:

var name = nameEmpty(document.getElementById("annonsera_name")); // Returns boolean 
if (nameEmpty(name)){return false;} // Tries to pass boolean back into nameEmpty? 

Answer 2

Может быть, немного оффтоп , но здесь идет ...

Вы должны действительно рассмотреть JQuery Validation, это приятно, чисто и легко реализовать. Я сделал это несколько раз и никогда не оглядывался назад. Это, безусловно, превосходит метод ручной проверки, такой как тот, который вы используете :)

Проверьте example, действительно не так много кода для написания, чтобы получить подтверждение.

В вашем примере, что будет (не проверено):

<script> 
    $(document).ready(function(){ 
    $("#annonsera").validate({ 
     rules: { 
     annonsera_name: { 
      required: true, 
      minlength: 1 
     } 
     }, 
     messages: { 
     annonsera_name: { 
      required: "You need to write your name", 
      minlength: jQuery.format("At least {0} characters required!") 
     } 
     } 
    }) 
    }); 
</script> 

Есть также много способов настройки через DHTML и CSS, проверьте options.