jq表单验证页面 如果放在服务器里运行则无反应单独打开,不使用服务器,却能正常反应?有人遇到这情况吗?我刚刚接触jq,希望前辈耐心解答,谢谢了。

解决方案 »

  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=gb2312">
    <title>
    jQuery Tooltip + Validate
    </title>
        <script src="js/jquery.pack.js" type="text/javascript"></script>
    <style type="text/css">
    .CreatePanel
    {
    margin: 10px;
    padding: 0;
    }
     
    .CreatePanel h1
    {
    font-size: 25px;
    font-family: "微软雅黑" "幼圆" "arila";
    font-weight: normal;
    border-bottom: 3px solid #ccc;
    padding: 5px;
    margin: 0 0 7px 0;
    }
     
    .BaseInfo
    {
    margin: 0 auto;
    width: 800px;
    font: 13px arial;
    }
     
    .BaseInfo ul
    {
    margin: 0;
    padding: 0;
    list-style: none;
    }
     
    .BaseInfo ul li
    {
    padding: 3px 0 3px 50px;
    border-bottom: dotted 1px #666;
    }
     
    .BaseInfo ul li label
    {
    display: block;
    width: 160px;
    float: left;
    font-size: 14px;
    font-family: "微软雅黑" "幼圆" "arila";
    background: url(/images/Right.gif) no-repeat 140px center;
    }
     
    .BaseInfo ul li textarea,
    .BaseInfo ul li .setinput
    {
    width: 580px;
    font-size: 13px;
    font-family: Arial;
    }
     
    .BaseInfo ul li img.ShowImg
    {
    margin-left: 160px;
    }
     
    .BaseInfo .CheckBoxList
    {
    *margin-top: -16px;
    width: 580px;
    }
     
     
    .BaseInfo .CheckBoxList input
    {
    float: left;
    }
     
    .BaseInfo .CheckBoxList label
    {
    width: 100px;
    float: none;
    background-image: none;
    }
     
    .BaseInfo table td h3.orderby
    {
    font-family: Arial;
    font-size: 50px;
    color: #fff;
    padding: 0;
    margin: 10px;
    opacity:0.7;
        filter: alpha(opacity=70);
    }
     
    .BaseInfo table td h5
    {
    line-height: 20px;
    border-bottom: dotted 1px #000;
    padding: 0 0 0 10px;
    margin: 0;
    font-size: 13px;
    color: #000;
    }
     
    .BaseInfo table td div.content
    {
    font-size:12px;
    line-height: 17px;
    }
    </style>
    </head>
    <body id="ctl00_MainBody" class="admintrips">
        <form name="aspnetForm" method="post" id="aspnetForm" action="aaa.asp">
     
    <script src="js/Tooltip.js" type="text/javascript"></script>
    <script type="text/javascript"> 
    $(document).ready(function() { $("#aspnetForm").valideform({isokhide:true,btnsubmit:"#bbb"})});
    function checktest(){
    var ispass=$("#aspnetForm").returncheck();
    if (ispass){
    alert("这是不提交表单,仅返回验证结果的测试,此次结果为:验证成功!");
    }else{
    alert("这是不提交表单,仅返回验证结果的测试,此次结果为:验证失败!");
    }
    }
    </script>
    <link href="css/Tooltip.css" rel="stylesheet" type="text/css" />
    <div class="CreatePanel">
        <h1>创建航班列表</h1>
        <div class="BaseInfo">
            <ul>
                <li>
                    <label>来回程</label>
                    <input id="ctl00_ContentPlaceHolder1_ctl00__isoneway" type="checkbox" name="chkreturn" /> 将当前航段设置为去程
                </li>
                <li>
                    <label>航班号</label>
                    <input name="ctl00$ContentPlaceHolder1$ctl00$_flightno" type="text" id="txtfligtno" datatype="*" errmsg="此项必须输入" tip="不允许为空" /> 
                </li>
                <li>
                    <label>航司(2字代码)</label>
                    <input name="ctl00$ContentPlaceHolder1$ctl00$_airline" type="text" id="txtfligths" datatype="number"  errmsg="此项必须输入数字"  tip="必须为数字,但可以为空"/>
                </li>
                <li>
                    <label>邮编</label>
                    <input name="ctl00$ContentPlaceHolder1$ctl00$_beingtime" type="text" id="txfzip" datatype="zip" errmsg="请输入正确的邮政编码"  tip="邮政编码,但可以为空" />
                </li>
                <li>
                    <label>邮箱</label>
                    <input name="ctl00$ContentPlaceHolder1$ctl00$_endtime" type="text" id="ctl00_ContentPlaceHolder1_ctl00__endtime" datatype="email" allowblank="false" tip="邮箱验证,且不可以为空" />
                </li>
                <li>
                    <label>经停点</label>
                    <input name="ctl00$ContentPlaceHolder1$ctl00$_overstep" type="text" value="0" id="ctl00_ContentPlaceHolder1_ctl00__overstep" datatype="reg" reg="\w{2}\d{4}" errmsg="正则验证失败" tip="进行正则验证" />
                </li>
                <li>
                    <label>用户名</label>
                    <input name="ctl00$ContentPlaceHolder1$ctl00$_airnumber" type="text" id="ctl00_ContentPlaceHolder1_ctl00__airnumber"  datatype="ajax" errmsg="验证不通过" tip="ajax验证" url="testajx.asp?uname=" /> 
                </li>
                <li>
                    <label>手机号</label>
                    <input name="ctl00$ContentPlaceHolder1$ctl00$_fromairport" type="text" id="ctl00_ContentPlaceHolder1_ctl00__fromairport" datatype="mobile" errmsg="请输入正确的手机号" tip="手机号验证,且不可以为空" allowblank="false" />
                </li>
                <li>
                 <label>选择分类</label>
                 <select name="select" id="select" datatype="*" tip="下拉列表验证" errmsg="请必须选择分类">
                   <option >请选择</option>
                   <option value="1">产品类型</option>
                 </select>
               </li>
                <li>
                    <label>支付宝</label>
                    <input name="ctl00$ContentPlaceHolder1$ctl00$_groupname" type="text" id="txtzfb" datatype="ajax" errmsg="验证不通过" tip="ajax验证" url="testajx.asp?uname=" />
                </li>
                <li>
                    <label>兴趣爱好</label>
                    <input id="c0" type="checkbox" name="ctl00$ContentPlaceHolder1$ctl00$_issaleend"  />体育
                    <input id="c1" type="checkbox" name="ctl00$ContentPlaceHolder1$ctl00$_issaleend" datatype="checkbox" errmsg="至少选择一项" tip="复选框验证"/>音乐
                </li>
                <li>
                    <label>设置为默认选择项</label>
                    <input type="radio" name="radio" id="radio" value="radio" />是 
                    <input type="radio" name="radio" id="radio1" value="radio1" datatype="radiobox" errmsg="必须选择"  tip="单选框验证" /> 否
                </li>
                <li>
                    <label>&nbsp;</label>
                    <input type="button" name="aaa" value="这是普通的按钮" id="aaa" class="submit" onclick="checktest()" />
                  <input type="submit" name="button" id="button" value="真正的提交按钮" />
                  <a href="javascript:;" id="bbb">这是链接提交表单</a>
                </li>
     
            </ul>
         </div>
    </div>
     
    </div></form>
    </body>
    </html>这是主文件代码
      

  2.   


    多亏你的提醒,问题已经解答出来。<script src="js/jquery.pack.js" type="text/javascript"></script> 中的js/ 路径应该是Js,不知道为何改成这样子了。汗,多谢楼上各位的解答。在此谢谢了,以后更加注意的!