2013-06-01 70 views
0

我必须在javascript中为6种输入类型进行表单验证。当用户按下提交按钮它应该给他哪些没有被正确输入,并把它们变成红色字段警报窗口..Javascript form validation multiple

<script type="text/javascript"> 
    function preveriFormo() { 

     var ime = document.getElementById('ime'); 
     var priimek = document.getElementById('priimek'); 


     if (preveriCrke(ime, "Prosim uporabite samo crke za ime")) { 
      if (preveriCrke(priimek, "Prosim uporabite samo crke za priimek")) { 
       return true; 
      } 
     } 
     return false; 
    } 

    function preveriCrke(element, sporocilo) { 
     var crke = /^[a-zA-Z]+$/; 
     if (element.value.match(crke)) { 
      return true; 
     } else { 
      element.style.backgroundColor = "red"; 
      alert(sporocilo); 
      return false; 
     } 
    } 

</script> 

<form onsubmit="return preveriFormo()" > 
    Ime <input type='text' id='ime' /><br /> 
    Priimek <input type='text' id='priimek' /><br /> 
    <input type="submit" value="Potrdi" /> 
</form> 

我的问题是,我不知道如何使警报窗口的列表不正确地写文件和改变颜色(为他们所有)..在我的例子形式只是一个接一个地检查。我真的如果并欣赏任何人都可以他我一个提示,如何解决这个

+0

不要忘记设置背景颜色恢复到默认为传递(允许用户是否已经纠正了一些自己以前的错误,并试图再次提交)的任何领域。 – nnnnnn

+0

你应该只使用一个js验证插件。让生活更轻松:http://jqueryvalidation.org/ – zer02

回答

0

采取flag variable.By默认把价值false。如果验证失败,然后把true中的任何一个。 不是返回标志

return flag; 
+1

或者相反 - 如果验证失败,应该返回false。 – nnnnnn

+0

@PSR 感谢您的支持。但是,现在警报窗口依次显示..可能的是,只有一个警报窗口指出哪些字段是错误/空白的? –

+0

尝试将所有错误消息附加到一个字符串中,然后在警报中显示它 – PSR