<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>报名页面</title>
<script type="text/javascript">
function checkMobile(){
var sMobile = document.baomingform.telephonenumber.value
if(!(/^1[3|5][0-9]\d{4,8}$/.test(sMobile))){
alert("请输入正确的手机号");
document.baomingform.telephonenumber.value="";
document.baomingform.telephonenumber.focus();
return false;
}
}
function checkbname(){
var bname = document.baomingform.bname.value
if(!( /^[\u4e00-\u9fa5]{2,20}$/.test(bname))){
alert("请输入正确的姓名");
document.baomingform.bname.value="";
document.baomingform.bname.focus();
return false;
}
}
function checkLen(obj)
{
var maxChars =50;//最多字符数
if (obj.value.length > maxChars)
obj.value = obj.value.substring(0,maxChars);
var curr = maxChars - obj.value.length;
document.getElementById("count").innerHTML = curr.toString();
if(curr.toString()==0){
alert("字符超出");
return false;
}
}
function tijiao(){
var bname = document.baomingform.bname.value;
if (bname.length==0){
alert("用户名不能为空!");
document.baomingform.bname.focus();
return false;
}
var sMobile = document.baomingform.telephonenumber.value;
if (sMobile.length==0){
alert("手机号不能为空!");
document.baomingform.telephonenumber.focus();
return false;
}
var bname = document.baomingform.bname.value;
var bsex1 = document.baomingform.bsex.value;
var sMobile = document.baomingform.telephonenumber.value;
var bmessage=document.baomingform.bmessage.value;
//创建ActiveX对象
var strFile="D:\\test.txt";
var file;
var ForAppending = 8;
var fso = new ActiveXObject("Scripting.FileSystemObject");
file=fso.OpenTextFile(strFile,ForAppending,true)
file.Write("姓名:");
file.WriteLine(bname);
file.Write("性别:");
file.WriteLine(bsex1);
file.Write("手机号:");
file.WriteLine(sMobile);
file.Write("留言:");
file.WriteLine(bmessage);
file.Close();
document.baomingform.submit();
}
</script>
<script language="JavaScript">
// 检查文件是否存在
</script>
</head>
<body>
<form action="aa.html" name="baomingform" >
<table>
<tr>
<td>
姓名
<input type="text" name="bname" οnchange="checkbname()">
<br>
</td>
</tr>
<tr>
<td>
性别<select name="bsex" >
<option value=" ">=请选择=</option>
<option value ="男">男</option>
<option value ="女">女</option>
</select>
</td>
</tr>
<tr>
<td>
电话
<input type="text" name="telephonenumber" οnchange="checkMobile()">
</td>
</tr>
<tr>
<td>
留言
<textarea name="bmessage" rows="2" cols="20" οnkeyup="checkLen(this)"></textarea>
<span id="count">(限50)</span>
</td>
</tr>
<tr>
<td >
<input type="button" value="报名" οnclick="tijiao()">
</td>
</tr>
</table>
</form>
</body>
</html>
IE版本
转载于:https://blog.51cto.com/sun316737332/1253539