表单的验证

龙神鬼蛇

于 2019-12-18 14:31:37 发布

阅读量140

点赞数

本文链接：https://blog.csdn.net/qq_41806663/article/details/103597222

版权

<script language="javascript">
        //验证是否输入了起始日期
        function isbegdate(){
            var begdate = document.form1.begdate.value;
            if(begdate.length){
                return true;
            }else{
                document.getElementById('tipinfo').innerHTML="请选择要查询的起始日期";
                return false;
            }
        }
        //验证是否输入了截至日期
        function isenddate(){
            var enddate = document.form1.enddate.value;
            if(enddate.length)
                return true;
            else{
                document.getElementById('tipinfo').innerHTML="请选择要查询的截至日期";
                return false;
            }
               
        }
        //验证是否输入了羊群的编号
        function isvehicle(){
            var VehicleID = document.form1.VehicleID.value;
            if(VehicleID.length)
                return true;
            else {
                document.getElementById('tipinfo').innerHTML="请选择要羊的编号";
                return false;
            }
        }
        //验证表单
        function checkForm(){
            // jquery获取form表单内容并验证表单
            // var begdate = $("#begindate").val();//获取input控件的时间
            // var endate = $("#enddate").val();
            if(isbegdate()&&isenddate()&&isvehicle()){
                return true;
            }else{
                return false;
            }
        }
        
    </script>

        <FORM name="form1" METHOD=POST ACTION="HistoryServelt" onsubmit="return checkForm()">
            <label for="begname">选择要查看的时间段：</label>
            <input id="begindate" class="choosedate iconfont" name="begdate" placeholder="&#xe70d;点击选择日期">
            <label for="endname">&#10137;</label>
            <input id="enddate" class="choosedate iconfont" name="enddate" placeholder="&#xe70d;点击选择日期">
            <label for="begname">羊群编号：</label>
            <select name="VehicleID"  id="choose_way">
                <option>6021264</option>
                <option>6021265</option>
                <option>6021266</option>
            </select>
            <button TYPE="submit" class="ok" >确认</button>
            <label id="tipinfo"> </label>
        </FORM>