J2EE实验 HTML与JavaScript实验总结

先贴代码

效果图:Html页面

J2EE实验 HTML与JavaScript实验总结_第1张图片

MyHtml.html




   		

HTML基础-注册表单


登录名称:
登陆密码:
密码确认:
登录保护问题:
问题答案:
性别:

JavaScript页  实现简单的JavaScript验证

J2EE实验 HTML与JavaScript实验总结_第2张图片

  MyJavaScript.js

function check(){
	var name = document.getElementById("name");
	var pswd1 = document.getElementById("pswd1");
	var pswd2 = document.getElementById("pswd2");
	var answer = document.getElementById("answer");
	if(name.value == ""||name.value.length<6){
		alert("登录名称为空,或长度不足");
		name.select();
		name.focus();
		return false;
	}
	if(pswd1.value==""){
		alert("登录密码不能为空");
		document.myform.pswd1.focus();
		return false;
	}
	if(pswd2.value==""){
		alert("密码确认不能为空");
		document.myform.pswd2.focus();
		return false;
	}
	if(answer.value == "" || answer.value.lemgth < 6){
		alert("答案为空,或不足6位");
		answer.select();
		answer.focua();
		return false;
	}
	alert("注册成功");
	return true;
}

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

JavaScript 3个常用的函数

    alert():用于显示提示对话框 这里有用到

    confirm():用于显示选择对话框,如果选择了“确定” 返回true; 否则,返回false

    prompt():用于显示输入对话框,可以将输入值赋给指定某一变量

       window.prompt参数,有两个, 第一个参数,显示提示输入框的信息. 第二个参数,用于显示输入框的默认值. 

       返回,用户输入的值. 


  


你可能感兴趣的:(J2EE实验 HTML与JavaScript实验总结)