<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> var ran; /************验证码生成****************/ function YZM(){ //4位随机整数 ran=Math.floor(Math.random()*9000+1000); //获得span对象 var span =document.getElementById("yzm_span"); span.innerText=ran; } /**************校验用户名方法************/ function checkName(){ //汉字的正则表达式 var reg=/^[\u4e00-\u9fa5]{3,5}$/; return check("uname",reg); } /**************校验邮箱方法************/ function checkEmail(){ ///邮箱的正则表达式 var reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; return check("email",reg); } /**************校验密码方法************/ function checkPwd(){ var reg=/^\d{3,6}$/; return check("pwd",reg); } /**************提取公共部分************/ function check(id,reg){ //获得密码的值 var uname=document.getElementById(id); var val=uname.value; //获得alt属性 var alt=uname.alt; //获得span对象 var span =document.getElementById(id+"_span"); if(val==null || val==""){ span.innerText="×"+alt+"不能为空"; span.style.color="red"; return false; }else if(reg.test(val)){ span.innerText="√"+alt+"合法"; span.style.color="green"; return true; }else{ span.innerText="×"+alt+"不合法"; span.style.color="red"; return false; } } /**************性别校验************/ function checkSex(){ //获得所有的性别对象 var sex=document.getElementById("sex"); //获得span对象 var span=document.getElementById("sex_span"); for(var i in sex){ if(sex[i].checked){ span.innerHTML="性别选择成功"; span.style.color="green"; return true; } } span.innerHTML="请选择性别"; span.style.color="red"; return false; } /**************籍贯校验************/ function checkAdress(){ var sel=document.getElementById("sel").value; var span=document.getElementById("sel_span"); if(sel==0){ span.style.color="red"; span.innerTest="请选择籍贯"; return false; }else{ span.style.color="green"; span.innerText="籍贯选择成功"; return true; } } /************验证码输入校验************/ function checkYZM(){ //获得自己输入的验证码 var yzm=document.getElementById("yzm").value; //获得span标签 var span =document.getElementById("yzm2_span"); if(ran==yzm){ span.style.color="green"; span.innerText="验证码正确"; return true; }else{ span.style.color="red"; span.innerText="验证码不正确"; return false; } } /************是否同意协议************/ function checkAgree(){ //同意框 var check=document.getElementById("check"); //提交 var sub=document.getElementById("sub"); sub.disabled=!check.checked; } function zong(){ var flag=checkName()&&checkPwd()&&checkSex()&&checkYZM()&&checkAgree()&&checkEmail(); return flag; } /*正则表达式：————是对于数据格式进行一定的规范限制 * * ^开始 * [0-9] [a-z A-Z]:数字，字母 * {2,4}:段域 至少是2位，最多是4位 * {3}：指定范围就是3位 * {2,}至少是2位 * * \d:[0-9] * \w:[0-9 a-z A-Z] * */ </script> </head> <body onload="YZM()"> <center> <h3>注册页面</h3> <hr /> <form action="" method="get" onsubmit="return zong()"> <table> <tr height="35px"> <td width="150px">用户名：</td> <td width="400px"> <input type="text" name="uname" id="uname" value="" alt="用户名" onblur="checkName()" /> <span id="uname_span">用户名必须是3-5位的汉字</span> </td> </tr> <tr height="35px"> <td>密码：</td> <td> <input type="password" name="pwd" id="pwd" value="" alt="密码" onblur="checkPwd()" /> <span id="pwd_span"></span> </td> </tr> <tr height="35px"> <td>手机号：</td> <td> <input type="text" name="phone" id="phone" value="" alt="手机号" /> <span id="phone_span"></span> </td> </tr> <tr height="35px"> <td>邮箱：</td> <td> <input type="text" name="email" id="email" value="" alt="邮箱" onblur="checkEmail()"/> <span id="email_span"></span> </td> </tr> <tr height="35px"> <td>性别：</td> <td> 男：<input type="radio" name="sex" id="" value="1" onclick="checkSex()" /> 女：<input type="radio" name="sex" id="" value="0" onclick="checkSex()" /> <span id="sex_span"> </span> </td> </tr> <tr height="35px"> <td>爱好：</td> <td> <input type="checkbox" name="fav" id="" value="1" />唱歌 <input type="checkbox" name="fav" id="" value="2" />睡觉 <input type="checkbox" name="fav" id="" value="3" />LOL<br /> <input type="checkbox" name="fav" id="" value="4" />旅游 <input type="checkbox" name="fav" id="" value="5" />高尔夫 <input type="checkbox" name="fav" id="" value="6" />篮球 </td> </tr> <tr height="35px"> <td>籍贯：</td> <td> <select name="adress" id="sel" onchange="checkAdress()"> <option value="0">--请选择--</option> <option value="1">河南</option> <option value="2">湖南</option> <option value="3">海南</option> <option value="4">云南</option> </select> <span id="sel_span"></span> </td> </tr> <tr height="35px"> <td>验证码</td> <td> <input type="number" name="" id="yzm" value="" onblur="checkYZM()" /> <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"" id="check" value="" onclick="checkAgree()" />是否同意本公司协议 </td> </tr> <tr height="35px"> <td colspan="2" align="center"> <input type="submit" id="sub" value="注册" disabled="true" /> </td> <td></td> </tr> </table> </form> </center> </body> </html>
辛苦老师帮忙看下是哪里出了问题，多选框一直提示有问题，还有性别，一直没有提示“性别合法”，谢谢！
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> function addNode(){ //获得表单对象 var fom =document.getElementById("fom"); //创建节点的方法 var p=document.createElement("p"); p.innerText"照片：" var inp =document.createElement("input"); inp.type="file"; var inp2 =document.createElement("input"); inp2.type="button"; inp2.type="删除"; inp2.onclick=function(){ //移除子节点 p.removeChild(inp); p.removeChild(inp2); //移除本身 p.remove(); } //添加节点对象 // fom.appendChild(p); //获得最后一个节点对象 var lastNode=document.getElementById("lastNode"); //在指定元素之前添加节点 fom.insertBefore(p,lastNode); p.appendChild(inp); p.appendChild(inp2); } </script> </head> <body> <form id="fom"> <p> 用户名：<input type="text" /> </p> <p> 照片：<input type="file" /> <input type="button" value="添加" onclick="addNode()"/> </p> <p id="lastNode"> <input type="button" name="" value="提交" /> <input type="button" name="" value="清空" /> </p> </form> </body> </html>
老师您好！麻烦帮忙看一下是哪里有问题，我检查几遍都无法发现错误在哪，运行老是提示50行有错误
p标签里用数字有误导性呢 nth-child取值的时候 好像就是按顺序从1开始的 不是从0开始的
老师 ，为啥我下载之后没有demo_unicode.html这个文件呢，我找不到unicode在哪
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> <!--*通用选择器 *代表页面中的所有的元素--> *{ color: red; } /*元素选择器*/ div{ width: 200px; height: 300px; /*background-color: blue;*/ border: 1px solid red; } li{ color: yellow; } /*id选择器，#id的名称，id名称保证唯一 ID的命名：数字、字母、下划线、中划线组成，不能用数字开头*/ #div2{ background-color: grey; } /*类选择器*/ .p6{ color: blue; font-size: 700; } </style> </head> <body> <!--选择器的优先级 ID选择器>类选择器>元素选择器>通用选择器 权重 100 10 1 0 --> <div>1</div> <div id="div2">2</div> <div>3</div> <p class="p6">666</p> <p class="p6">888</p> <ul> <li>世界</li> <li>你好</li> <li>加油</li> </ul> </body> </html>
老师，*号通配符的样式没有效果
下拉框 默认不选择呢 怎么写
为什么单价是9.9的时候，页面总价出问题，单价9.5就没事
<!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> <script> $(function(){ $("#bu1").click(function(){ var tex=$("#inpl"); // tex.attr("type","button"); //tex.attr({"type":"button","value":"测试按钮"}); //var ch=$("#fav").attr("checked","checked"); //alert(ch); var ch=$("#fav").attr("checked"); // var flag=$("#fav").prop("checked"); alert(ch); }) }) </script> </head> <body> <input type="button" id="bu1" value="元素属性获得" /> <hr /> <form method="get"> 账号:<input type="text" class="inp" id="inpl" value="xhu" /><br /> 密码:<input type="password" class="pwd" id="pwdl" value="xhu" /><br /> 爱好: 抽烟:<input type="checkbox" /> 喝酒:<input type="checkbox" /> 烫头:<input type="checkbox" id="fav" /> </form> </body> </html>
老师，为啥我这个不能让多选按钮被勾选呀，输出也是未定义
老师您好，
问题一：当我点击新增一行的时候，再去修改新一行的数量或者点击删除时，没有反应，这个要怎么解决？
问题二：我使用on方法的时候，我在新增一行的方法中给他设置on方法的点击事件，可以实现修改和删除新一行的按钮，但是当我点击复制一行，操作复制出来的新行时，又不能使用了。那我是不是要在复制方法也创建一个对应的on方法来解决这个问题，有没有更好的解决方法。
input标签里常有name属性，而div标签里常有class属性，但是input标签里也有class属性，这个class属性是干啥的？我一直以为class属性就是name属性的意思一样，就是取名字，但是为什么有时候input标签里要同时出现name和class,这个class属性到底是干什么用的？或者classs属性到底表示什么意思？
问题·：为什么代码中蓝色框中的操作会影响红色框的操作，按理解我们不一样....”这个是加粗显示啊
问题：为啥1出那边不可以通过变量操作具体每个样式的值，一定要写成2的那个样子嘛
首先：这个视频讲的方式二获取属性的讲解完全是错的，
下面是解释：
1.实际上这个方法是获得这个元素对象的所有属性（以文本对象的形式进行返回的），
2.这个方法是不需要参数的（但是之前讲过方法实参和形参不需要一一对应的，反法只会根据形参的需要进行取值，所以这边你的参数无论设置多少个，设置什么样的返回的结果都是一样的，因为这个方法不需要参数），
所以我的要求：
下面的答疑老师的解释也是错的或者说没解释道关键点上，所以这个课弄成这个样子可以退点钱嘛（或者完全可以把你们录制好的前端的那部分的这个点直接换掉这个视频，这个视频方向完全是错的，这个还放在上面让人家学？）
.wrapper{ width: 1300px; height: 50px; margin: 0 auto ; /*border: 1px solid black;*/ } .search img{ float: left; }
问题：导航部分和搜索框部分都有wrapper的div,都定义了1200*50的区域，为啥搜索框部分的图片浮动不是靠在这个div的左侧边框呢，加了clear是解决了具体的什么影响呢
问题：那个滚动速度的量的值100px就不起作用，去掉px才有效果
非常抱歉给您带来不好的体验！为了更深入的了解您的学习情况以及遇到的问题，您可以直接拨打投诉热线：
我们将在第一时间处理好您的问题！
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2026百战汇智（北京）科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护：百战汇智（北京）科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证：京B2-20212637
辛苦老师帮忙看下是哪里出了问题，多选框一直提示有问题，还有性别，一直没有提示“性别合法”，谢谢！
京公网安备 11011402011233号