js表单验证后再提交

请教一个问题：
我现在有5个文本框，名称是“结果”
想实现如下效果：
1.点击“提交”按钮后，若任一个文本框为空，则弹出alert()进行提示
2.点击“提交”按钮后，若所有文本框都不为空，则利用JS提交这个表单

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function validate() {
    var txtObj = document.getElementsByName('result[]');
    var vaFlag = true;
    for (var i = 0; i < txtObj.length; i ++) {
    if (txtObj[i].value.length < 1) {
    vaFlag = false;
    break;
    }
    }
    if (!vaFlag) alert('请输入第' + (i + 1) + '个字段值');
    return vaFlag;
    }
    </script>
    </head><body>
    <form name="myForm" id="myForm" action="./" method="post" onsubmit="return validate();">
    <input type="text" name="result[]" /><br />
    <input type="text" name="result[]" /><br />
    <input type="text" name="result[]" /><br />
    <input type="text" name="result[]" /><br />
    <input type="text" name="result[]" /><br />
    <input type="submit" name="submit" value="提交" />
    </form>
    </body>
    </html>
      

  2.   

    <form name="myForm" id="myForm" action="./" method="post" onsubmit="return check();">
        <input type="text" name="result" /><br />
        <input type="text" name="result" /><br />
        <input type="text" name="result" /><br />
        <input type="text" name="result" /><br />
        <input type="text" name="result" /><br />
        <input type="submit" name="submit" value="提交" />
    </form>
    <script type="text/javascript">
    function check() {
        var txtObj = document.getElementsByName('result');
        var vaFlag = true;
        for (var i = 0; i < txtObj.length; i ++) {
            if (txtObj[i].value=="") {
                vaFlag = false;
                break;
            }
        }
        if (!vaFlag) alert('请输入第' + (i + 1) + '个字段值');
        return vaFlag;
    }
    </script>