📄 fram.html

📁 java脚本即用特效源码从入门到精通帮你渡过难关

💻 HTML

字号:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javaScript">
function validateForm() {

//定义函数 

var ok=true
if (document.myForm.userName.value=="") {
ok=false
alert("姓名没有填写！")

//如果username(姓名文本框的名字)为空，将OK置为false，警告返回; 

document.myForm.userName.focus()

//将光标定位在姓名框内，仅仅为了方便，与检测无关。

}

var foundAt = document.myForm.eMail.value.indexOf("@",0)
if (foundAt < 1 && ok) {
ok = false
alert ("电子邮件应该含 @ 字符！")

//如果不含@字符但姓名已经填写，将OK置为false，警告返回。

document.myForm.eMail.focus()

//将光标定位在邮箱框内。

}

if (ok==true) {

document.myForm.submit()
alert ("窗体填写完毕，谢谢！")
// location.href=history.back()

//如果全部检测通过，发出感谢信息并完成提交处理。通常这里可能需要返回上一步，可以加上上面的一句话。

}
}
</script>
</head> 

<body>
窗体提交合法性检测（姓名和邮箱） 空白姓名和不含“@”的字符不行。
<form name="myForm">
<p align="center">您的姓名: 
<input type="text" name="userName" size="20">
电子邮件: 
<input type="text" name="eMail" size="20">
<br>
<input type="button" value="提交" onClick="validateForm()" name="button">
<input type="reset" value="清除" name="reset">
</p>
</form>
</body> 
 


<!--  通常窗体提交后需要交给cgi或asp程序去处理，这里仅仅是演示。交给CGI/ASP程序处理是通过action="cgi-bin/submit.cgi"来进行的。当然你也可以通过电子邮件来处理，方法是：action="mailto:yourmail@mailserver.com" enctype="text/plain" 

此外，注意form的名字是myForm前后要一致。各个窗体项目的名字(name项)前后也要一致。

注意：<input type="button" value="提交" onClick="validateForm()" name="button">
不是一般的提交按钮，而是普通的按钮，因为上面用到了document.myForm.submit()的方法。-->

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -