会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132469个问题
JAVA 全系列/第一阶段:JAVA 快速入门/面向对象详解和JVM底层内存分析 15631楼

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<script type="text/javascript">
//		/**生成验证码*/
		var ran;
		function YZM(){
			x="#yzm_span"
			ran=Math.floor(Math.random()*900000+100000);
			Y_num=$(x);
			Y_num.text(ran);
		}
		function checkname(){
			var reg=/^[\u4e00-\u9fa5]{2,5}$/;
			return check("#uname",reg)
		}
//		//公共方法校验
		function check(id,reg){
			var uname=$(id)
			var alts=uname.attr("alt");
			var val=uname.attr("value");
			var x_span=id+"_span";
			var span=$(x_span);
			console.log(x_span)
			if(val==""||val=null){
				span.text("x"+alts+"不能为空");
				}
		}
	</script>
	<body onload="YZM()">
		<center>
		<h3>注册界面</h3>
		<hr />
		<form action="" method="get">
			<table>
				<tr height="35px">
					<td width="150ox">用户名</td>
					<td width="400px">
						<input type="text" name="uname" id="uname" value="" alt="用户名" onclick="checkname()" />
						<span id="uname_span">*用户名必须是三到五位的汉字</span><br />
					</td>
				</tr>
				<tr height="35px">
					<td>密码:</td>
					<td>
						<input type="password" name="pwd" id="pwd" value="" alt="密码" />
						<span id="pwd_span"></span>
					</td>
				</tr>
				<tr height="35px">
					<td>手机号:</td>
					<td>
						<input type="text" name="phone" id="phone" value="" alt="手机号"  />
					</td>
				</tr>
				<tr height="35px">
					<td>邮箱:</td>
					<td>
						<input type="text" name="email" id="email" value="" alt="邮箱" />
						<span id="email_span"></span>
					</td>
				</tr>
				<tr height="35px">
					<td>性别:</td>
					<td >
						<!--看性别有没有被勾选,看checked属性-->
						男:<input type="radio" name="sex" value="1" />
						女:<input type="radio" name="sex" value="0"/>
						<span id="sex_span">
						</span>
					</td>
				</tr>
				<tr height="35px">
					<td>爱好:</td>
					<td >
						<!--看有没有被勾选,看checked属性-->
						<input type="checkbox" name="favor" id="favor" value="1"/>吃饭
						<input type="checkbox" name="favor" id="favor" value="1"/>睡觉
						<input type="checkbox" name="favor" id="favor" value="1" />打游戏<br />
						<input type="checkbox" name="favor" id="favor" value="1" />看电视
						<input type="checkbox" name="favor" id="favor" value="1"/>录节目
						<span id="favor_span">
						</span>
					</td>
				</tr>
				<tr height="35px">
					<td>籍贯:</td>
					<td>
						<select name="address" id="sel">
							<option value="0">--请选择--</option>
							<option value="1">湖南</option>
							<option value="2">山东</option>
							<option value="30">广东</opntion>
						</select>
						<span id="sel_span"></span>
					</td>
				</tr>
				<tr height="35px">
					<td>验证码</td>
					<td>
						<input type="number" name="" id="yzm" value=""/>
						<span id="yzm_span"></span>
						<span id="yzm2_span"></span>
					</td>
				</tr>
				<tr height="35px">
					<td>个人介绍:</td>
					<td>
						<textarea name="intro" rows="8" cols="30"></textarea>
					</td>
				</tr>
				<tr height="35px">
					<td colspan="2" align="center">
						<input type="checkbox" name="check" id="check" value=""/>是否同意本公司协议
					</td>
					<td></td>
				</tr>
				<tr height="35px">
					<td colspan="2" align="center">
						<input type="submit" name="sub" id="sub" value="注册 " disabled="true" />
					</td>
					<td></td>
				</tr>
			</table>		
		</center>
	</body>
</html>

我用jQuery,为啥

checkname

函数不能运行,



Python 全系列/第七阶段:网页编程基础/Ajax 15633楼
JAVA 全系列/第一阶段:JAVA 快速入门/面向对象详解和JVM底层内存分析 15634楼

/*购物车的样式*/
.cart{
    width: 120px;
    height: 40px;
    background-color: #424242;
    margin-left: 25px;
    /*来给父元素cart价格相对定位*/
    position: relative;
}
/*点击购物车的时候会从上往下出现一个下拉框  可以利用过渡transition来实现*/
.cart-Details{
    width: 315px;
    height:0;
    background-color: #ffffff;
    /*这里是给个盒阴影*/
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
    /*这个下拉框是独立的一层 要用绝对定位定过来*/
    position: absolute;
    /*相对于已经定位的父元素来定位  来给父元素:cart价格相对定位*/
    /*在父元素的正下方紧贴父元素的bottom  所以距离父元素的top的距离就是父元素的height  而右边和父元素的右边没有距离*/
    top: 40px;
    right: 0;
    /*这里的颜色是  购物车中还没有商品,赶紧选购吧! 的颜色*/
    color: #424242;
    /*没有鼠标悬停触发时 高度要为0 这样这个下拉框在没有触发时便不显示*/
    /*但是“购物车中还没有商品,赶紧选购吧!”的文字还在 所以溢出的部分需要隐藏*/
    overflow: hidden;
    /*等触发事件发生时高度出现 下拉框就会出现了*/
    /*在这里是不可以用display的 因为要实现过渡效果的话 transition对display是无效的 */
    /*display: none;*/
    transition:all 0.3s ease-in-out;
}
<li class="cart">
    <a href="#">购物车</a>
    <div class="cart-Details">
        购物车中还没有商品,赶紧选购吧!
    </div>
</li>

1635239344(1).jpg老师,白色导航部分写完了 ,但是之前写的购物车下拉框在点击后显示,这个地方被白色导航内的搜索框覆盖了,不能完整展示,这应该怎么办呀?购物车下拉框定位的父元素是购物车

WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS3新特性 15637楼
JAVA 全系列/第六阶段:项目管理与SSM框架/RBAC实战 15638楼
人工智能/第七阶段:机器学习-无监督学习(旧)/EM算法和GMM高斯混合模型 15639楼
JAVA 全系列/第十一阶段:分布式RPC调用和分布式文件存储/FastDFS 15640楼
Python 全系列/第十五阶段:Python 爬虫开发/爬虫基础(旧) 15641楼
Python 全系列/第五阶段:数据库编程/python操作mysql(旧) 15642楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Spring 15644楼
Python 全系列/第十五阶段:Python 爬虫开发/爬虫基础(旧) 15645楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637