绿色php资源phpzy.com

jq调查验证支持ff多种验证方式

 转载保留：来源于http://www.phpzy.com

 <form name="myform" method = "post" id="myform" action="diaocha.html" onsubmit="return checkForm('add');"> 
            <input type="hidden" name="opt" value="add"/> 
                <div class="formbox"> 
                    <ul> 
                        <li><strong>1、您的性别是：</strong> 
 
                            <p> 
                                <label> 
                                    <input type="radio" name="xingbie" value="男" id="xingbie"> 
                                    男</label> 
                                <label> 
                                    <input type="radio" name="xingbie" value="女" id="xingbie"> 
                                    女</label> 
                            </p> 
 
                        </li> 
                        <li> <strong>2、您的年龄范围是：</strong> 
                            <p> 
                                <label> 
                                    <input type="radio"  name="nianling" value="18岁以下" id="nianling"> 
                                    18岁以下</label> 
                                <label> 
 
                                    <input type="radio" name="nianling" value="18-25岁" id="nianling"> 
                                    18-25岁</label> 
                                <label> 
                                    <input type="radio" name="nianling" value="26-30岁" id="nianling"> 
                                    26-30岁</label> 
                                <label> 
                                    <input type="radio" name="nianling" value="31-40岁" id="nianling"> 
                                    31-40岁</label> 
 
                                <label> 
                                    <input type="radio" name="nianling" value="40岁以上" id="nianling"> 
                                    40岁以上</label> 
                            </p> 
                        </li> 
                        <li> <strong>3、您的月收入约为：</strong> 
                            <p> 
 
                                <label> 
                                    <input type="radio"  name="shouru" value="1000以下" id="shouru"> 
                                    1000以下</label> 
                                <label> 
                                    <input type="radio" name="shouru" value="1000-3000" id="shouru"> 
                                    1000-3000</label> 
                                <label> 
                                    <input type="radio" name="shouru" value="3000-5000" id="shouru"> 
 
                                    3000-5000</label> 
                                <label> 
                                    <input type="radio" name="shouru" value="5000以上" id="shouru"> 
                                    5000以上</label> 
                            </p> 
                        </li> 
                        <li> <strong>4、您常去的城市有：（请输入）</strong> 
 
                            <p> 
                                <input name="chengshi" id="chengshi" type="text" class="ftxt"/> 
                            </p> 
                        </li> 
                        <li> <strong>5、您所从事的职业是：</strong> 
                            <p> 
                                <label> 
                                    <input type="radio"  name="zhiye" value="学生" id="zhiye"> 
 
                                    学生</label> 
                                <label> 
                                    <input type="radio" name="zhiye" value="IT行业" id="zhiye"> 
                                    IT行业</label> 
                                <label> 
                                    <input type="radio" name="zhiye" value="服务业" id="zhiye"> 
                                    服务业</label> 
 
                                <label> 
                                    <input type="radio" name="zhiye" value="金融保险" id="zhiye"> 
                                    金融保险</label> 
                                <label> 
                                    <input type="radio" name="zhiye" value="法律咨询" id="zhiye"> 
                                    法律咨询</label> 
                                <label> 
                                    <input type="radio" name="zhiye" value="人事行政" id="zhiye"> 
 
                                    人事行政</label> 
                                <label> 
                                    <input type="radio" name="zhiye" value="生物制药" id="zhiye"> 
                                    生物制药</label> 
                                <label> 
                                    <input type="radio" name="zhiye" value="建筑房产" id="zhiye"> 
                                    建筑房产</label> 
 
                                <label> 
                                    <input type="radio" name="zhiye" value="教育行业" id="zhiye"> 
                                    教育行业</label> 
                                <label> 
                                    <input type="radio" name="zhiye" value="公务员" id="zhiye"> 
                                    公务员</label> 
                                <label> 
                                    <input type="radio" name="zhiye" value="个体户" id="zhiye"> 
 
                                    个体户</label> 
                                <label><input type="radio" name="zhiye" value="其他" id="zhiye"> 
                                    其他</label> 
                            </p> 
                        </li> 
                        <li> <strong>6、您经常去酒吧吗？</strong> 
                            <p> 
 
                                <label> 
                                    <input type="radio"  name="jiuba" value="没去过" id="jiuba"> 
                                    没去过</label> 
                                <label> 
                                    <input type="radio" name="jiuba" value="偶尔去一次" id="jiuba"> 
                                    偶尔去一次</label> 
                                <label> 
                                    <input type="radio" name="jiuba" value="常去" id="jiuba"> 
 
                                    常去</label> 
                                <label> 
                                    <input type="radio" name="jiuba" value="酒吧从业者" id="jiuba"> 
                                    酒吧从业者</label> 
                            </p> 
                        </li> 
                        <li> <strong>7、您对本站的界面整体感觉如何？</strong> 
 
                            <p> 
                                <label> 
                                    <input type="radio" onclick="show_div()"  name="jiemian" value="好" id="jiemian"> 
                                    好</label> 
                                <label> 
                                    <input type="radio" onclick="show_div()" name="jiemian" value="一般" id="jiemian"> 
                                    一般</label> 
                                <label> 
 
                                    <input type="radio" onclick="hide_div()"  name="jiemian" value="不好" id="jiemian"> 
                                    不好</label> 
                                <label> 
                                    <input type="radio" onclick="hide_div()" name="jiemian" value="很不好" id="jiemian"> 
                                    很不好</label> 
                            <div class="clear"></div> 
                            <div id="starlist" style="display:none;">理由：<br /> 
 
                            <textarea name="jiemianliyou" id="jiemianliyou" cols="80" rows="4" class="ftar"></textarea> 
                            <div> 
                            </p> 
                        </li> 
                        <li> <strong>8、您比较喜欢本站哪些频道？（可多选）</strong> 
                            <p> 
                                <label> 
 
                                    <input type="checkbox"  name="pingdao[]" value="夜店查询"> 
                                    夜店查询</label> 
                                <label> 
                                    <input type="checkbox" name="pingdao[]" value="夜店文化"> 
                                    夜店文化</label> 
                                <label> 
                                    <input type="checkbox" name="pingdao[]" value="DJ音乐"> 
                                    DJ音乐</label> 
 
                                <label> 
                                    <input type="checkbox" name="pingdao[]" value="夜店招聘"> 
                                    夜店招聘</label> 
                                <label> 
                                    <input type="checkbox" name="pingdao[]" value="优惠活动"> 
                                    优惠活动</label> 
                                <label> 
                                    <input type="checkbox" name="pingdao[]" value="夜店吧"> 
 
                                    夜店吧</label><span class="hit" id='error_pingdao'>请至少选择一个频道！</span> 
                            </p> 
                        </li> 
                        <li> <strong>9、您常使用以下哪些功能？（可多选）</strong> 
                            <p> 
                                <label> 
                                    <input type="checkbox" name="gongneng[]" value="搜索" id="gongneng[]"> 
 
                                    搜索</label> 
                                <label> 
                                    <input type="checkbox" name="gongneng[]" value="点评" id="gongneng[]"> 
                                    点评</label> 
                                <label> 
                                    <input type="checkbox" name="gongneng[]" value="发帖" id="gongneng[]"> 
                                    发帖</label> 
 
                                <label> 
                                    <input type="checkbox" name="gongneng[]" value="收藏夜店" id="gongneng[]"> 
                                    收藏夜店</label> 
                                <label> 
                                    <input type="checkbox" name="gongneng[]" value="收藏音乐" id="gongneng[]"> 
                                    收藏音乐</label> 
                                <label> 
                                    <input type="checkbox" name="gongneng[]" value="纠错" id="gongneng[]"> 
 
                                    纠错</label> 
                                <label> 
                                    <input type="checkbox" name="gongneng[]" value="求职招聘" id="gongneng[]"> 
                                    求职招聘</label> 
                                <label> 
                                    <input type="checkbox" name="gongneng[]" value="供求信息" id="gongneng[]"> 
                                    供求信息</label> 
 
                                <label> 
                                    <input type="checkbox" name="gongneng[]" value="上传音乐" id="gongneng[]"> 
                                    上传音乐</label> 
                                <label> 
                                    <input type="checkbox" name="gongneng[]" value="上传图片" id="gongneng[]"> 
                                    上传图片</label><span class="hit" id='error_gongneng'>请至少选择一个功能！</span> 
                            </p> 
 
                        </li> 
                        <li> <strong>10、您希望我们增加那些栏目或内容？</strong> 
                            <p> 
                                <textarea name="tianjiagongneng" cols="80" rows="4" class="ftar"></textarea> 
                            </p> 
                        </li> 
                        <li> <strong>11、请您留下宝贵的意见或建议：</strong> 
 
                            <p> 
                                <textarea name="jianyi" cols="80" rows="4" class="ftar"></textarea> 
                            </p> 
                        </li> 
                    </ul> 
                </div> 
                <div class="clear"></div> 
                <div class="contactbox"> 
 
                    <h4><span>请您准确填写联系方式，以便您获得奖品时本站好与您联系</span></h4> 
                    <p>姓名：  
                        <input name="xingming" id="xingming" type="text" class="ftxt"/> 
                    </p> 
                    <p>电话：  
                        <input name="dianhua" id="dianhua" type="text" class="ftxt"/> 电话格式：区号+号码 或 手机号码  
                    </p> 
                    <p>电子信箱：  
                        <input name="mail" type="text" class="ftxt"/>   
                    </p> 
 
                    <p>地址：  
                        <input name="sheng" id="sheng" type="text" class="ftxt ft100"/> 
                        省  
                        <input name="shi" id="shi" type="text" class="ftxt ft100"/> 
                        市  
                        <input name="qu" id="qu" type="text" class="ftxt ft100"/> 
                        区(县)  
                        <input name="dizhi" id="dizhi" type="text" class="ftxt"/> 
                    </p> 
                    <p>邮编：  
                        <input name="youbian" type="text" class="ftxt"/> 
 
                    </p> 
                </div> 
                <div class="clear"></div> 
                <div id="fbtnbox"> 
                    <input name="ok" type="hidden" value="ok" /> 
                      
                    <input type="submit" name="Submit" value="" class="fbtn" id="SUBMITBTN"> 
                </div> 
                <div id="dctxt"> 
                    <p>本次活动一切解释权归去酒吧(798.com)所有</p> 
 
                </div> 
            </form> 
 
<script type='text/javascript'> 
function   show_div(){    
     var   obj_div=document.getElementById("starlist");    
           obj_div.style.display=(obj_div.style.display=='none')?'none':'none';     
}     
function   hide_div(){  
      var   obj_div=document.getElementById("starlist");    
      obj_div.style.display=(obj_div.style.display=='block')?'block':'block';  
}  
 
function len(str) {  
    ///<summary>获得字符串实际长度，中文2，英文1</summary> 
    ///<param name="str">要获得长度的字符串</param> 
    var realLength = 0, len = str.length, charCode = -1;  
    for (var i = 0; i < len; i++) {  
        charCode = str.charCodeAt(i);  
        if (charCode >= 0 && charCode <= 128) realLength += 1;  
        else realLength += 2;  
    }  
    return realLength;  
};  
 
//判断  
function checkForm(opt){  
var xingbie = document.getElementsByName("xingbie");  
var nianling= document.getElementsByName("nianling");  
var shouru= document.getElementsByName("shouru");  
var chengshi = $("#chengshi").val();  
var zhiye= document.getElementsByName("zhiye");  
var jiuba= document.getElementsByName("jiuba");  
var jiemian= document.getElementsByName("jiemian");  
var jiemianliyou = $("#jiemianliyou").val();  
var pingdao = document.getElementsByName("pingdao[]");  
var gongneng = document.getElementsByName("gongneng[]");  
var xingming = $("#xingming").val();  
var dianhua = $("#dianhua").val();  
var sheng = $("#sheng").val();  
var shi = $("#shi").val();  
var qu = $("#qu").val();  
var dizhi = $("#dizhi").val();  
    var flag=true;  
 
 
     n1=0;  
     for(var i1=0;i1<xingbie.length;i1++)  
     {  
         if(xingbie[i1].checked==true)  
            {  
               n1n1 = n1+1;  
               break;  
            }  
     }  
      if(n1==0){  
             alert("第一条：请选择性别！");  
             return false;  
      }  
 
     n2=0;  
     for(var i2=0;i2<nianling.length;i2++)  
     {  
         if(nianling[i2].checked==true)  
            {  
               n2n2 = n2+1;  
               break;  
            }  
     }  
      if(n2==0){  
             alert("第二条：请选择年龄！");  
             return false;  
      }  
 
     n3=0;  
     for(var i3=0;i3<shouru.length;i3++)  
     {  
         if(shouru[i3].checked==true)  
            {  
               n3n3 = n3+1;  
               break;  
            }  
     }  
      if(n3==0){  
             alert("第三条：请选择收入！");  
             return false;  
      }  
 
    if(chengshi==""){  
             alert("第四条：常去的城市不能为空！");  
             return false;  
    }  
 
 
     n4=0;  
     for(var i4=0;i4<zhiye.length;i4++)  
     {  
         if(zhiye[i4].checked==true)  
            {  
               n4n4 = n4+1;  
               break;  
            }  
     }  
      if(n4==0){  
             alert("第五条：请选择职业！");  
             return false;  
      }  
 
 
     n5=0;  
     for(var i5=0;i5<jiuba.length;i5++)  
     {  
         if(jiuba[i5].checked==true)  
            {  
               n5n5 = n5+1;  
               break;  
            }  
     }  
      if(n5==0){  
             alert("第六条：您经常去酒吧还没选择！");  
             return false;  
      }  
 
     n6=0;  
     for(var i6=0;i6<jiemian.length;i6++)  
     {  
         if(jiemian[i6].checked==true)  
            {  
               jiemianjiemianvalue = jiemian[i6].value;  
               n6n6 = n6+1;  
               break;  
            }  
     }  
      if(n6==0){  
             alert("第七条：您对本站的界面整体感觉如何还没选择！");  
             return false;  
      }  
 
if(jiemianvalue=="不好"||jiemianvalue=="很不好"){  
 
    if(jiemianliyou==""){  
             alert("第七条：您对本站的界面整体感觉理由还没写！");  
             return false;  
    }  
 
}  
    if(opt == 'add'){  
        var n=0;  
        for(var i=0;i<pingdao.length;i++){  
            if(pingdao[i].checked==true){  
                nn = n+1;  
            }  
        }  
        if (n>0)  
        {  
            $("#error_pingdao").html("");  
        }else{  
         alert("至少选择一个频道");  
            $("#error_pingdao").html("<b style='color:#cc3333;'>至少选择一个频道！</b>");  
            $("#error_pingdao").show();  
            flag = false;  
            return false;  
        }  
 
 
        var ni=0;  
        for(var ii=0;ii<gongneng.length;ii++){  
            if(gongneng[ii].checked==true){  
                nini = ni+1;  
            }  
        }  
        if (ni>0)  
        {  
            $("#error_gongneng").html("");  
        }else{  
            alert("至少选择一个功能");  
            $("#error_gongneng").html("<b style='color:#cc3333;'>至少选择一个功能！</b>");  
            $("#error_gongneng").show();  
            flag = false;  
            return false;  
        }  
 
 
    }  
 
 
    if(xingming==""){  
             alert("姓名不能为空！");  
             return false;  
    }  
    if(dianhua==""){  
             alert("电话不能为空！");  
             return false;  
    }  
    if(sheng ==""){  
             alert("省不能为空！");  
             return false;  
    }  
    if(shi ==""){  
             alert("市不能为空！");  
             return false;  
    }  
    if(qu ==""){  
             alert("区不能为空！");  
             return false;  
    }  
    if(dizhi ==""){  
             alert("区(县)后面要写详实地址！");  
             return false;  
    }  
    if(flag){  
    return true;  
//      $("#myform").submit();  
    }  
}  
</script>