10、编写HTML注册表单, 需要字段: 用户名,

加我QQ604203709 求解答黑马题都不会啊
10、编写HTML注册表单, 需要字段: 用户名, 密码, 确认密码, 性别(单选), 城市(下拉列表), 兴趣爱好(多选), 个人简介(文本域)。

推荐答案推荐于2017-12-15

//html文档如下，其实还能更简洁，请采纳
<html>
<head>
<title>HTML注册表单</title>
<script type="text/javascript">
function sub(){
var f = document.form1;//取form对象
var userName = f.userName.value;//取用户名
var passWord = f.passWord.value;//取密码
var repassWord = f.repassWord.value;//取确认密码
var box1 = f.theRead.checked;//判断复选框是否被选中
var box2 = f.theTravel.checked;//判断复选框是否被选中
var box3 = f.theInt.checked;//判断复选框是否被选中
var count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);//判断复选框被选中几个
var readme = f.readme.value;//取自我介绍内容
var rename = new RegExp("^[a-zA-Z_][a-zA-Z_0-9]{0,}", "");//匹配用户名的正则表达式
var repass = new RegExp("[a-zA-Z_0-9]{6,16}", "");//匹配密码的正则表达式
if(userName == ""){
alert("用户名不能为空！");
return false;
}else if(rename.test(userName) == false){
alert("用户名: 必须是字母数字或下划线, 不能以数字开头");
return false;
}else{
if(passWord == ""){
alert("用户密码不能为空！");
return false;
}else if(repass.test(passWord) == false){
alert("密码: 必须是6-16位字母数字下划线！");
return false;
}else{
if(repassWord == ""){
alert("请输入确认密码！");
return false;
}else if(passWord != repassWord){
alert("两次输入的密码不一致！");
return false;
}else{
if(count < 1){
alert("请选择至少一项兴趣爱好！");
return false;
}else{
if(readme == ""){
alert("请填写个人介绍！");
return false;
}
}
}
}
}
}
</script>
</head>

<body>
<form name="form1" id="form1" action="" method="post" onsubmit="return sub()">
用户名：<input type="text" name="userName" id="userName" value=""/>
<br>
用户密码：<input type="password" name="passWord" value=""/>
<br>
确认密码：<input type="password" name="repassWord" value=""/>
<br>
性别：
<input type="radio" name="theSex" value="0" checked=”default” />男
<input type="radio" name="theSex" value="1" />女
<br>
城市:
<select name="theCity">
<option value="0">郑州</option>
<option value="1">上海</option>
<option value="2">天津</option>
<option value="3">深圳</option>
</select>
<br>
兴趣爱好:
<input type="checkbox" name="theRead" value="0" />阅读
<input type="checkbox" name="theTravel" value="1" />旅游
<input type="checkbox" name="theInt" value="2" />上网
<br>
个人简介:
<br>
<textarea rows="5" cols="30" name="readme"></textarea>
<br>
<input type="submit" value="提交"/>
</form>
</body>
</html>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://11.wendadaohang.com/zd/F48FSFS7Sv4S228q874.html

相似回答

用HTML制作了表单,有用户名、密码、确认密码、年龄、性别,答：=document.myForm.pass2.value){ alert('密码不一致'); return false; } if(document.myForm.age.value<18){ alert('你太小了'); return false; } if(document.myForm.username.value.length<3){ alert('用户名不能小于3个字符'); return false; }}</...

大家正在搜

什么表单字段适合用来输入介绍信息表单提交不提交某些字段表单至少有一个字段表单字段是指什么表单中不提交一些字段表单中文本字段的类型 vue表单修改过字段表单字段有错误什么意思 vue校验表单修改过字段

10、 编写HTML注册表单, 需要字段: 用户名,

10、编写HTML注册表单, 需要字段: 用户名,