JS功能來驗證空輸入字段不工作

我似乎無法弄清楚什麼是錯我的JS。所有我需要的是功能validateForm檢查表單上的空字段與idformId 我從來沒有得到瀏覽器的警報。JS功能來驗證空輸入字段不工作

這裏是我的JS：

<script> 
    $(document).ready(function(){ 
     window.validateForm = validateForm; 
     function validateForm(formId){ 
     var form=document.getElementById('#formId'); 
     for(i=0; i<form.childNodes.length; i++) 
      if(form.childNodes[i].tagName!='INPUT'|| 
       typeof form.childNodes[i].value=="undefined") 
       continue; 
      else{ 
       var x=form.childNodes[i].value; 
       if(x==null||x==""){ 
        alert("please fill out all fields"); 
        return false; 
       } 
      } 
    } 
</script>

這裏是HTML：

<form id="formId" name="myForm" action="mailto:" onsubmit="return validateForm()" method="post"> 
    first field: <input type="text" name="first"></br> 
    second field: <input type="text" name="second"></br> 
    third field: <input type="text" name="third"></br> 
    fourth field: <input type="text" name="fourth"></br> 
    <input type="submit" value="Submit">

來源

2013-10-14 irm

你的意思是什麼的不靈？ – thefourtheye

我從來沒有得到瀏覽器的警報 – irm

請檢查該小提琴看到它在行動http://jsfiddle.net/thefourtheye/p9pDu/1/

有在你的代碼需要四個變化

變化形式的定義是這樣

<form id="formId" name="myForm" action="mailto:" method="post">

您的validateForm函數不需要任何參數。
當您使用document.getElementById時請勿使用#。所以，它應該是
```
document.getElementById('formId') 
```
你只需要這一行，以確保在提交表單時validateForm被調用。
```
$('#formId').on('submit', validateForm); 
```

來源

2013-10-14 03:51:19 thefourtheye

validateForm功能文檔準備回調中定義（在回調函數範圍）。這將無法在全球範圍內訪問。但是你試圖訪問你的onsubmit事件中的函數。

這樣做只是後的回調函數，函數的定義，使全局可用的功能：

window.validateForm = validateForm;

來源

2013-10-14 03:11:35

JS功能來驗證空輸入字段不工作

回答

相關問題