<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var i = 1;
var j = "zhangsan";
var m = 222;
var n = "222";
/* alert(typeof i);
alert(typeof j);
alert("lisi".length);
alert(m == n);
alert(m === n);*/
//頁面輸出
document.write("我的天哪");
//控制臺輸出
console.log("啦啦啦");
function pop1() {
alert("Clicked!");
}
function pop2() {
var jsdiv1 = document.getElementById("jsdiv1");
jsdiv1.innerHTML = "<font color='aquamarine' size='6'>Yes~I'm converted!</font>";
//jsdiv1.innerText="<font color='aquamarine' size='6'>Yes~I'm converted!</font>";
}
var checkForm=function(){
var username=document.getElementById("username");
var uValue=username.value;
if(uValue.length>=6){
}else{
alert("Sorry,UserName is too short!");
return false;
}
var password=document.getElementById("password");
var pValue=password.value;
if(pValue.length>=6){
}else{
alert("Sorry,PassWord is too short!");
return false;
}
var eMail=document.getElementById("eMail");
var eValue=eMail.value;
if (/^([a-zA-Z0-9._-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/.test(eValue)) {
alert("Success!");
} else{
alert("Email Fail!");
return false;
}
return true;
}
</script>
</head>
<body>
<input type="button" name="" id="" value="點我彈框" onclick="pop1()" />
<br />
<input type="button" name="" id="" value="點我修改" onclick="pop2()" />
<div id="jsdiv1"> 大家好我要被修改了! </div><br />
<form action="../IndexWeb/index2.html" onsubmit="return checkForm()">
<table border="0" cellspacing="" cellpadding="">
<tr><td>UserName:</td>
<td> <input type="text" name="username" id="username" /></td>
</tr>
<tr><td>PassWord:</td>
<td><input type="password" name="password" id="password" value="" /></td>
</tr>
<tr><td>Email:</td>
<td><input type="email" name="eMail" id="eMail" value="" /></td>
</tr>
<tr><td></td>
<td><input type="submit" value="submit"/></td>
</tr>
<tr><td></td>
<td></td>
</tr>
</table>
</form>
<br />
</body>
</html>