javascript - 用于验证空输入字段不起作用的 JS 函数

Question

我似乎无法弄清楚我的 JS 有什么问题。我只需要函数 validateForm 来检查表单上的空字段 id formId我从未在浏览器上收到警报。

这是我的 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">

Answer 1

请检查这个 fiddle 以查看它的实际效果 http://jsfiddle.net/thefourtheye/p9pDu/1/

您的代码需要进行四处更改

1. 像这样更改表单的定义

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

2. 您的 validateForm 函数不需要任何参数。

3. 当您使用 document.getElementById 时，不要使用 #。所以，应该是

   document.getElementById('formId')
   

4. 您只需要这一行来确保在提交表单时调用 validateForm。

   $('#formId').on('submit', validateForm);