百分百的输入框不能为空

人气：　来源：本站原创　作者：佚名　所属栏目：表单类　[切换到繁體中文]

介绍：一般的输入框如果输入一个空格，脚本也会判断它不为空，其实这种判断是不正确的。

演示：

<!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>
<style><!--body,td{font-size: 12px;}--></style>
<script language="JavaScript">
<!--
function checkChinese()
	{	var isnumandchar;
		var StrForCheck=form_key.keywords.value;

		var c;

		c = StrForCheck.charAt(0);
		while((c ==" "||c =="　") && StrForCheck.length > 0)
		{
			StrForCheck = StrForCheck.slice(1);
			c =  StrForCheck.charAt(0);
		}

		c = StrForCheck.charAt(StrForCheck.length -1);
		while((c ==" "||c =="　") && StrForCheck.length > 0)
		{
			StrForCheck = StrForCheck.substring(0,StrForCheck.length-1);
			c =  StrForCheck.charAt(StrForCheck.length -1);
		}

		form_key.keywords.value = StrForCheck;//如果没有值，继续
		if (StrForCheck.length==0 || StrForCheck.length<2) 
		{
			if (StrForCheck.length==0) {alert("注意：输入框不能为空！");return false;}
		}
		else 
		{return true;}
	}


//-->
</script>
</head>
<body bgcolor="" >
<table width="100%" height="1000" border="0" cellpadding="10" cellspacing="5">
<tr>
<td valign="top">
<P>下面的这种判断是百分百的输入框不能为空，即输入空格也为空，具有首、尾删除空格后再提交表单的功能。</P>
<form method="POST" name="form_key" onsubmit="return checkChinese();">
        <input name="keywords" size="30" class="editbox1">
        <input type=submit value="  发 送  " class=bottom name="submit">
      </form>
</td>
</tr>
</table>
</body>
</html>

[Ctrl+A全选提示：你可先修改部分代码，再按运行]

下面教你如何应用此特效：
　--------------------------------------------------------------------------------------
　　需要在<body 这里>加入的代码：
　--------------------------------------------------------------------------------------

以下代码加到<head>…</head>中

以下代码加到<body>…</body>中

var c;

  c = StrForCheck.charAt(0);
  while((c ==" "||c =="　") && StrForCheck.length > 0)
  {
   StrForCheck = StrForCheck.slice(1);
   c =  StrForCheck.charAt(0);
  }

  c = StrForCheck.charAt(StrForCheck.length -1);
  while((c ==" "||c =="　") && StrForCheck.length > 0)
  {
   StrForCheck = StrForCheck.substring(0,StrForCheck.length-1);
   c =  StrForCheck.charAt(StrForCheck.length -1);
  }

  form_key.keywords.value = StrForCheck;//如果没有值，继续
  if (StrForCheck.length==0 || StrForCheck.length<2)
  {
   if (StrForCheck.length==0) {alert("注意：输入框不能为空！");return false;}
  }
  else
  {return true;}
}

//-->
</script>

<P>下面的这种判断是百分百的输入框不能为空，即输入空格也为空，具有首、尾删除空格后再提交表单的功能。</P>
<form method="POST" name="form_key" onsubmit="return checkChinese();">
        <input name="keywords" size="30" class="editbox1">
        <input type=submit value="  发送  " class=bottom name="submit">
      </form>