js做 表单内有空值的话点submit不会被提交,请给完整可运行的代码

如题


<script type="text/javascript">
    function verify(){
        //获取form标签元素
        var form=document.getElementById('form');
        //获取form下元素下所有input标签
        var inputArray=form.getElementsByTagName("input");
        var inputArrayLength=inputArray.length;
        //循环input元素数组
        for(var int=0;int<inputArrayLength;int++){
            //判断每个input元素的值是否为空
            if( inputArray[int].value==null || inputArray[int].value==''){
                alert('第'+(int+1)+'个input的值为空.');
                return false;
            }
        }
        //如果所有Input标签的值都不为空的话
        return true;
    }
</script>
    <form action="" onsubmit="return verify();" id="form">
        <input /><br/>
        <input /><br/>
        <input /><br/>
        <input /><br/>
        <input type="submit" value="submit"/><br/>
    </form>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-03-05
<script>
function $(id){return document.getElementById(id);}
function trim(s){return s.replace(/(^\s*)|(\s*$)/g,"");}
function test(){
    var Uname=$("Uname").value;
    if(!trim(Uname)){alert("不能为空!");$("Uname").focus();return false;}
}
</script>
<form name="form1" action="" onsubmit="return test()">
           <input id="Uname" value="" type="text" name="q" />
           <input name="Submit" type="submit" value="提交" />
</form>

第2个回答  2015-03-05

说明:使用了 jquery-1.11.0.js,实现了自动探测并检查表单内所有 input, textarea, select 和 button 元素


用法:


在<head> 和 </head>之间加

<script src="js\jquery-1.11.0.js" type="text/javascript"></script>
<script type="text/javascript">
function trim(s){return s.replace(/(^\s*)|(\s*$)/g,"");}
function chek(t){
    var $v=$(t).find(':input'), len, i;
    for(len=$v.length, i=0; i<len; i++)
        if(trim($v[i].val())===''){
            alert('请填写完整后再提交!');
            return false;
        }
    return true;
}
</script>


在要检查的表单中标签中加 onsubmit="return check(this)"

例如 <form …… onsubmit="return check(this)">