📄 formevent.html
字号:
<HTML>
<HEAD><TITLE>表单对象的事件</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function validateName(value){
if(!isNaN(value)){
return false;
}
for(var i=0;i<value.length;i++){
var c=value.charAt(i);
if(!((c>="a" && c<="z") || (c>="A" && c<="Z"))){
return false;
}
}
return true;
}
function validateEmail(value){
if(value.indexOf("@")<1){
return false;
}
if(value.indexOf(".")<3 || value.indexOf(".")==value.length-1){
return false;
}
if(value.indexOf(".")-value.indexOf("@")<2){
return false;
}
var name=value.substring(0,value.indexOf("@"));
for(var i=0;i<name.length;i++){
var c=name.charAt(i);
if(!((c>="a" && c<="z") || (c>="A" && c<="Z") || (c>="0" && c<="9") || c=="_")){
return false;
}
}
var c=name.charAt(0);
if(c=="_" || (c>="0" && c<="9")){
return false;
}
return true;
}
function processForm(){
if(!validateName(document.form1.fname.value)){
alert("输入错误：名字只能为字母！");
document.form1.fname.focus();
}else if(!validateName(document.form1.lname.value)){
alert("输入错误：姓氏只能为字母！");
document.form1.lname.focus();
}else if(!validateEmail(document.form1.email.value)){
alert("输入错误：EMAIL格式有误！");
document.form1.email.focus();
}else{
//var newWindow=window.open();
//newWindow.document.write("<center>");
//newWindow.document.write("用户名："+document.form1.fname.value+" "+document.form1.lname.value);
//newWindow.document.write("<br>Email："+document.form1.email.value);
//newWindow.document.write("</center>");
//if(!newWindow.confirm("提示：输入是否正确？")){
// newWindow.close();
//}
window.execute=false;
window.showModalDialog("show.html",window,'font-size:9pt;dialogWidth:300px;dialogHeight:150px;status:no;scroll=yes;resizable:no');
if(window.execute){
alert("对话框关闭，且输入信息正确时执行");
}
}
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H2 ALIGN="CENTER">处理表单事件</H2><HR>
<FORM name="form1">
<P>名字：
<INPUT TYPE="text" NAME="fname" size=10>
姓氏：
<INPUT TYPE="text" NAME="lname" size=15>
<P>Email：
<INPUT TYPE="text" NAME="email" size=10>
附注：
<TEXTAREA NAME="comment" rows=4 cols=30 >请输入附注</TEXTAREA></p><P ALIGN="CENTER">
<INPUT TYPE="button" value="提交此表单" onClick="processForm();"><INPUT TYPE="reset" value="重置"></P>
</FORM>
</BODY>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -