jq表单验证页面 如果放在服务器里运行则无反应单独打开,不使用服务器,却能正常反应?有人遇到这情况吗?我刚刚接触jq,希望前辈耐心解答,谢谢了。
解决方案 »
- EXT gridPanel 表头不出现问题
- 【我快疯了】关于正则match
- 我写的js+html在iis支持下能运行Scripting.FileSystemObject能读取文件,脱离iis怎么就没有效果了。
- js事件
- 求一段JS
- 我这样实现当点删除按钮时候,出来提示:确实删除吗?按确定,删除,按否,返回>?? 可是不行,不知道怎么搞
- 只需要禁用鼠标右键的前进返回和刷新,不希望将整个右键禁用
- netscape中的javascript与XML问题,急,麻烦各位老大帮忙,谢谢!!
- 怎样在客户端用Javascript 实现检测用户输入是否为数字或日期!!!!
- .net JS 代码可以大纲展示折叠吗?
- 按钮点击更改caption值
- form表单内不能调用JS函数
<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> </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>这是主文件代码
多亏你的提醒,问题已经解答出来。<script src="js/jquery.pack.js" type="text/javascript"></script> 中的js/ 路径应该是Js,不知道为何改成这样子了。汗,多谢楼上各位的解答。在此谢谢了,以后更加注意的!