form表单先验证在跳转代码

<form name="Form1" action="apply_index.php?act=add_active" method="post" onsubmit="return huodongtijiao();">
                             <div class="act-form">
                                <span>活动标题: </span>
                                <input type="text" id="title" name="title">
                                <font style="color: red;">(*)</font>
                            </div>
                            <div class="act-form">
                                <span>联系人: </span>
                                <input type="text" id="linkman" name="linkman">
                                <font style="color: red;">(*)</font>
                            </div>
                            <div class="act-form">
                                <span>联系电话: </span>
                                <input type="text" name="tel" id="tel">
                                <font style="color: red;">(*)</font>
                            </div>
                            <div class="act-form">
                                <span>人数规模: </span>
                                <input type="text" id="men_num" name="men_num">
                            </div>
                            <div class="act-form">
                                <span>活动类型 : </span>
                                <select name="active_kinds" id="active_kinds">
                                    <option value="0">请选择</option>
                                    <option value="1">校园巡展</option>
                                    <option value="2">线下推广</option>
                                    <option value="3">行业聚会</option>
                                    <option value="4">创新创业</option>
                                </select>
                                <font style="color: red;">(*)</font>
                            </div>
                            <div class="act-form">
                                <input type="submit" class="act-add-btn" value="提交申请">
                            </div>
                        </form>
<script>
                         function huodongtijiao(){
                             if($("#title").val()==""){
                                alert("请填写活动标题");
                                return false;
                            }
                            if($("#linkman").val()==""){
                                alert("请填写联系人");
                                return false;
                            }
                            if($("#tel").val()==""){
                                alert("请填写联系电话");
                                return false;
                            }
                            var tel = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/;
                            if(!tel.test($("#tel").val())){
                                alert('请填写正确的联系电话');
                                return false;
                            }
                            var mobile = /^1[3|4|5|7|8]\d{9}$/;
                            if(!mobile.test($("#tel").val())){
                                alert('请填写正确的联系电话');
                                return false;
                            }
                    
                            if($("#men_num").val()!=='' & isNaN($("#men_num").val())==true){
                                alert('请填写正确的人数规模');
                                return false;
                            }
                            if($("#active_kinds").val()==0){
                                alert('请选择活动类型');
                                return false;
                            }
                         }
                     </script>

 

posted @ 2017-02-27 13:12  王传明  阅读(482)  评论(0)    收藏  举报