js入门，简单用户信息验证函数

作者：袖梨 2022-07-02

提示：您可以先修改部分代码再运行

<!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=gb2312" />
<title>无标题文档</title>
<script>
 function check()
	  {
	  	if(myfm.name.value == '' || myfm.name.value.length > 20 )
		{
			alert('你的姓名长度为2-20个字符哦!');
			myfm.name.select();
			return false;
		}
		else if( myfm.tel.value == '' || myfm.tel.value.length>15 )
		{
			alert('电话号码为手机或家庭电话如:13812345678 或者0731-88888888!');
			myfm.tel.select();
			return false;
		}
		else if( myfm.qq.value.length < 5 || myfm.qq.value.length > 50 )
		{
			alert('请输入你的QQ号或msn帐号如:123456 或 deng@msn.com');
			myfm.qq.select();
			return false;
		}
		else if( myfm.address.value.length < 4 || myfm.address.value.length > 100 )
		{
			alert('请输入你的正确联系方式长度4-100汉字!');
			myfm.address.select();
			return false;
		}
		else if( myfm.city.value  == 0 )
		{
			alert('对不起，你还没有选择你所在的地区哦!');
			myfm.city.focus();
			return false;
		}
		else if( myfm.datename.value == 0 )
		{
			alert('对不起，你还没有选择有效日期哦!');	
			return false;		
		}
		else if( myfm.title.value.length < 3 || myfm.title.value.length > 100 )
		{
			alert("对不起，信息标题长度为3-100汉字哦");
			myfm.title.select();
			return false;
		}
		else if( myfm.content.value.length < 10 )
		{
			alert("请详细的描述兼职信息！");
			myfm.content.select();
			return false;
		}
	  }
</script>
</head>

<body>
<form  method="POST" action="data/post.php" enctype="multipart/form-data" name="myfm">
			<p>您的姓名：
			  <input name="name" type="text" class="inp" id="name" />
			</p>
			<p>您的性别：
			  <label>
			  <input name="sex" type="radio" value="1" checked="checked" />
			男</label><label>
			  <input type="radio" name="sex" value="0" />
			女</label>
			</p>
			<p>联系电话：
			  <input name="tel" type="text" class="inp" id="tel" />
			</p>
			<p>QQ / MSN：
			  <input name="qq" type="text" class="inp" id="qq" />
			</p>
			<p>联系地址：
			  <input name="address" type="text" class="inp" id="address" />
			</p>
			<p>
			  <label>
			  <select name="city" id="city">
			    <option value="0">--所在地区--</option>
				<?=$option;?>
			    </select>
			  </label>
			  <select name="datename" class="inp2" id="date" style="">
			    <option value="0">--有效日期--</option>
			    <option value="3">3天</option>
			    <option value="7">7天</option>
			    <option value="30">一个月</option>
			    <option value="90">三个月</option>
			  </select><input name="hid" type="hidden" value="0" />
			</p>
			
		  </div>		  
		   
		   <div class="findri">
		   <p>信息标题：<input name="title" type="text" class="inp" id="title" />
		     <span class="f-hui">比如:兼职教师、兼职设计师...</span></p>
		   </div>
		   <p><textarea name="content" cols="" rows="" class="inpmai" id="content" >

Ctrl+Enter可直接发表

提示：您可以先修改部分代码再运行

js入门，简单用户信息验证函数

相关文章

精彩推荐