黑马程序员----------java基础加强之html注册表单

最新推荐文章于 2024-07-19 12:58:53 发布

zixue793938813

最新推荐文章于 2024-07-19 12:58:53 发布

阅读量770

点赞数

分类专栏：我的奋斗路----试题解析文章标签： javascript 面试题正则表达式

本文链接：https://blog.csdn.net/zixue793938813/article/details/26181537

版权

我的奋斗路----试题解析专栏收录该内容

3 篇文章 0 订阅

订阅专栏

----------------------android培训、java培训、期待与您交流！ ----------------------

下边简单回顾一下我的面试题，如何制作一个简单的html注册表单。

package com.itheima;

/*
 * 
 * @author 张百振
 * */
public class Test10 {
	public static void main(String[] args){
//	答: 注册表单
/*	<html>
	<head>
		<title>HTML注册表单</title>
		<script language=JavaScript src="script/regcheckdata.js"></script>
		<meta http-equiv="content-type" content="text/html;charset=gb2312"> 
	</head>
	<body>
		<form name="form"  method="get" onSubmit="return checkdata()">
			<table width="750" align="center" border="2">
				<tr>
					<td colspan="2" align="center">用户注册</td>
				</tr>
				<tr>
					<td>用户名：</td>
					<td>
						<input type=text name="username" size="30" maxlength="10">
					</td>
				</tr>
				<tr>
					<td>密码：</td>
					<td>
						<input type=password name="pwd" size="15" maxlength="12">
					</td>
				</tr>
				<tr>
					<td>密码确认</td>
					<td>
						<input type=password name="pwd2" size="15" maxlength="12">
					</td>
				
				
				</tr>
                
				<tr>
					<td>性别</td>
					<td>
						<input type=radio name="sex" value="male" checked>男
						<input type=radio name="sex" value="female">女
					</td>
				</tr>
				
				<!-- 
				-->
				<tr>
					<td>城市</td>
					<td>
						<select name="province">
							<option value=0 selected>请选择</option>
							
							<option value=11>北京</option>
							<option value=41>郑州</option>
							<option value=35>福建</option>
							<option value=62>甘肃</option>
							<option value=44>广东</option>
							<option value=45>广西</option>
							<option value=52>贵州</option>
							<option value=46>海南</option>
							<option value=13>河北</option>
							<option value=23>黑龙江</option>
							<option value=12>天津</option>
							<option value=42>湖北</option>
							<option value=34>安徽</option>
							<option value=43>湖南</option>
							<option value=32>江苏</option>
							<option value=50>重庆</option>
							<option value=22>吉林</option>
							<option value=21>辽宁</option>
							<option value=15>内蒙古</option>
							<option value=63>青海</option>
							<option value=14>山西</option>
							<option value=36>江西</option>
							<option value=64>宁夏</option>
							<option value=54>西藏</option>
							<option value=65>新疆</option>
							<option value=53>云南</option>
							<option value=31>上海</option>
							<option value=33>浙江</option>
							<option value=71>台湾</option>
							<option value=81>香港</option>
							<option value=82>澳门</option>
							<option value=0>其他</option>
						</select>
					</td>
				</tr>
				
				<tr>
					<td>兴趣爱好</td>
					
					<td>
						<input type="checkbox" id="lv" name="music" value="vc" checked>旅游
						<input type="checkbox" id="ps" name="basketball" value="vb">爬山
						<input type="checkbox" id="xx" name="basketball" value="vfoxpro">学习
						<input type="checkbox" id="ds" name="reade" value="vjava">读书
						<br>
						<input type="checkbox" id="yd" name="swimming" value="bc">运动
						<input type="checkbox" id="js" name="pingpang" value="cobol">健身
						<input type="checkbox" id="ds" name="TV" value="java">读书
						<input type="checkbox" id="yy" name="draw" value="delphi">游泳
					</td>
				</tr>
				
				<tr>

					<td>个人简介</td>

					<td>
						<textarea rows="5" cols="30" name="readme"></textarea>
					<td>
				</tr>
				
				<tr>


					<td>功能实现</td>
					<td align="center">
						<input type="submit" value="提交">
						<input type="reset" value="重置">
					</td>
				</tr>
				
			</table>
		</form>
	</body>
</html>*/
	}

//	JavaScript验证

	public static void regcheckdata(){
//		regcheckdata：
		/*function checkdata() {
			var ssn=form.username.value.toLowerCase();
			
			if (!checkUserName(ssn)) return false;  //用户名检查
			
			if( strlen(form.pwd.value)<6 || strlen(form.pwd.value)>16 ) {
				alert("\请输入正确的6-16位登录密码！")
				form.pwd.focus()
				return false;
			}
			
			
			
			if( strlen2(form.pwd.value) ) {
				alert("\您的密码中包含了非法字符，仅可用英文、数字、特殊字符！")
				form.pwd.focus()
				return false;
			}
			if( form.pwd.value == form.username.value ) {
				alert("\用户名和密码不能相同！")
				form.pwd.focus()
				return false;
			}
			if( form.pwd2.value =="" ) {
				alert("\请输入密码确认！")
				form.pwd2.focus()
				return false;
			}
			if( form.pwd2.value != form.pwd.value ) {
				alert("\两次密码输入不一致！")
				form.pwd.focus()
				return false;
			}
		   //
		   
			//检查性别
			
			if( !(form.sex[0].checked || form.sex[1].checked) ) {
				alert("请选择性别!");
				form.sex[0].focus();
				return false;
			}

			if(a()==false){
				alert("兴趣爱好不能为空！")
				return false;
			}
			
			//检查省份
			if( form.province.selectedIndex == 0 ) {
				alert("城市不能为空!");
				form.province.focus();
				return false;
			}
			


			//检查个人简介是否为空
			if( form.readme.value == "") {
				alert("个人简介不能为空!");
				
				return false;
			}

			
			
		}

		function checkUserName(ssn){
			if( ssn.length<1 || ssn.length>10 ) {
				alert("\请输入正确的用户名,用户名长度为10位以内！")
				form.username.focus()
				return false;
			}
			if (isWhiteWpace(ssn)){
				alert("\请输入正确的用户名,用户名中不能包含空格！")
				form.username.focus()
				return false;
			}
			if (!isSsnString(ssn)){
				alert("\  您的用户名格式输入不正确 " )
				form.username.focus()
				return false;
			}
			return true;
		}



		function strlen(str){
			var len;
			var i;
			len = 0;
			for (i=0;i<str.length;i++){
				if (str.charCodeAt(i)>255) len+=2; else len++;
			}
			return len;
		}

		function strlen2(str){
			var len;
			var i;
			len = 0;
			for (i=0;i<str.length;i++){
				if (str.charCodeAt(i)>255) return true;
			}
			return false;
		}

		function isWhiteWpace (s)
		{
			var whitespace = " \t\n\r";
			var i;
			for (i = 0; i < s.length; i++){   
				var c = s.charAt(i);
				if (whitespace.indexOf(c) >= 0) {
				  	return true;
				}
			}
			return false;
		}

		function isSsnString (ssn)                         //检查用户名是否匹配正则表达式
		{
			var re=/^[a-z_][\w-.]*[0-9a-z]{0,10}$/i;
			if(re.test(ssn))
				return true;
			else
				return false;
		}


		function checkssn(gotoURL) {
		   var ssn=form.username.value.toLowerCase();
		   if (checkUserName(ssn)){
			   var open_url = gotoURL + "?username=" + ssn;
			   window.open(open_url,'','status=0,directories=0,resizable=0,toolbar=0,location=0,scrollbars=0,width=322,height=200');
			}
		}
		function a(){
		  		var lv= document.getElementById("lv");
		  		var xx = document.getElementById("xx");
		  		var ps = document.getElementById("ps");
		  		var ds = document.getElementById("ds");
		  		var yd = document.getElementById("yd");
		  		var js = document.getElementById("js");
		  		var yy = document.getElementById("yy");
		  		if(lv.checked==false&&xx.checked==false&&ps.checked==false&&ds.checked==false&&yd.checked==false&&js.checked==false&&yy.checked==false){
		  			return false;
		  		}else{
		  			return true;
		  		}
		  	}*/
	}
}

本题主要是看验证是否符合要求，也就是主要测试正则表达式的书写，前几天做着挺难的，现在感觉好多了。

我觉得学任何东西都是这样，当你错的次数多了，用的次数多了，自然而然就懂了。

----------------------android培训、java培训、期待与您交流！ ----------------------