存档

‘html’ 分类的存档

javascript判断用户表单输入内容不能为空

2013年12月10日 没有评论

简单的判断输入是否为空

<html><body>

<form action=”test.asp” method=”POST” name=”form1″ id=”form1″ >
 <p>用户名:<input type=”text” name=”username” /></p>
 <p>密&nbsp;&nbsp;码:<input type=”password” name=”password” /></p>
 <p>提示问题:<input type=”text” name=”question” /> </p>
 <p>答&nbsp;&nbsp;案:<input type=”text” name=”answer” /></p>
 <p>博客地址:<input type=”text” name=”blog” /> </p>
 <p><input type=”submit” name=”Submit” value=”提交” onClick=”return CheckForm()”/>

     <input type=”reset” name=”Submit2″ value=”重置” /> </p>

  </form>
</body>
</html>
<script language=”javascript”>
function CheckForm()
{
  if (document.form1.username.value.length==0)
     {
  alert (“请输入用户名”);
  document.form1.username.focus();
  return false;
  }
  if (document.form1.password.value.length==0)
     {
         alert (“请输入密码!”);
   document.form1.password.focus(); 
   return false; 
  }   
       return true;
}
</script>

 

带正则匹配(判断ip和域名)

<html>

<head>

<script language=”javascript” type=”text/javascript”>

/*判断IP的函数*/

function checkip(form)
{
var pattern=/^(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])$/;
flag_ip=pattern.test(form.ipv.value);
if(!flag_ip)
{
alert(“错误的ip!”);

return false;
}

}

/*判断域名的函数*/

function checkdomain(form)
{
var doname = /^([\w-]+\.)+((com)|(net)|(org)|(gov\.cn)|(info)|(cc)|(com\.cn)|(net\.cn)|(org\.cn)|(name)|(biz)|(tv)|(cn)|(mobi)|(name)|(sh)|(ac)|   (io)|(tw)|(com\.tw)|(hk)|(com\.hk)|(ws)|(travel)|(us)|(tm)|(la)|(me\.uk)|(org\.uk)|(ltd\.uk)|(plc\.uk)|(in)|(eu)|(it)|(jp))$/;
var flag_domain = doname.test(form.domainv.value);
if(!flag_domain){
alert(“不是正确的域名”);
form.domainv.focus();
return false;
}
}

</script >

</head>

<body>

<form name=”ip” method=”get” onsubmit=”return checkip(this)”>
<input size=”50″ type=”text” name=”ipv” value=”ip地址” style=”color:#999999;padding-top: 2px;”/><input type=”submit” value=”查IP” name=”ip_submit”/>
</form>

<form name=”domain” method=”get” onsubmit=”return checkdomain(this)”>
<input size=”50″ type=”text” name=”domainv” value=”域名”style=”color:#999999;padding-top: 2px;”/><input type=”submit” value=”域名” name=”domain_submit”/>
</form>

</body>

</html>

}

分类: html 标签: