用javascript判断输入的是否为空,空的话就返回该焦点

<%@page contentType="text/html;charset=gb2312"%>
<html>
<head>
<!-- 判断输入的是否为空,空的话就返回该焦点的javascript代码 -->
<script language="javasctipt" type="text/javascript">
  function login(){
   //thisForm是form中的name
	var form = document.thisForm;
	
	if(trim(form.name.value) == ""){
		window.alert("请输入姓名!");
		form.name.select();//或者form.name.focus()
		return;
	}
/**或像下面那样也可以
if (trim(document.thisForm.username.value)=="")
    {
        alert("请填写您的姓名!");
        document.thisForm.name.focus();
        return ;//false;
    }
*/
	if(trim(form.password.value) == ""){
		window.alert("请输入密码!");
		form.password.select();
		return;
	}

	  // 还可以做很多事情,比如在这里又调用其他的function来触发其他事件
	
    form.target = "_blank";//弹出新的页面
    form.action = "isNull.jsp";//form中的action值
    form.method = "post";
    form.submit();//提交form		
  }
  /** 修剪字串前后的空格  */
function trim(s) {
  var count = s.length;
  var st    = 0;       // start
  var end   = count-1; // end

  if (s == "") return s;
  while (st < count) {
    if (s.charAt(st) == " ")
      st ++;
    else
      break;
  }
  while (end > st) {
    if (s.charAt(end) == " ")
      end --;
    else
      break;
  }
  return s.substring(st,end + 1);
}
</script>
  
    <title>用javascript判断输入的是否为空,空的话就返回该焦点</title>
    
</head>

  <body>
  <form action="" method="post" name="thisForm" id="thisForm">
  <table>
  <tr>
    <td><input type="text" name="name" value="" maxlength="20" style="length:30px;" /></td>
    <td><input type="password" name="password" value="" maxlength="20" style="length:30px;" /></td>
    <!-- login()对应javascript中的function login() -->
    <td><input type="button" name="btnFast" onclick="login();" value="登录" /></td>
  </tr>
  </table>
  </form>
  <center>
   <h2>
    <%
     if(request.getParameter("name")!=null&&request.getParameter("password")!=null){
       out.println(request.getParameter("name")+"  "+request.getParameter("password"));
     }
    %>   
   </h2>  
  </center>
  </body>
</html>


javaScript:
<!-- 判断输入的是否为空,空的话就返回该焦点的javascript代码 -->
<script language="javasctipt" type="text/javascript">
  function login(){
   //thisForm是form中的name
	var form = document.thisForm;
	
	if(trim(form.name.value) == ""){
		window.alert("请输入姓名!");
		form.name.select();
		return;
	}
	if(trim(form.password.value) == ""){
		window.alert("请输入密码!");
		form.password.select();
		return;
	}

	  // 还可以做很多事情,比如在这里又调用其他的function来触发其他事件
	
    form.target = "_blank";//弹出新的页面
    form.action = "isNull.jsp";//form中的action值
    form.method = "post";
    form.submit();//提交form		
  }
  /** 修剪字串前后的空格  */
function trim(s) {
  var count = s.length;
  var st    = 0;       // start
  var end   = count-1; // end

  if (s == "") return s;
  while (st < count) {
    if (s.charAt(st) == " ")
      st ++;
    else
      break;
  }
  while (end > st) {
    if (s.charAt(end) == " ")
      end --;
    else
      break;
  }
  return s.substring(st,end + 1);
}
</script>


form:
<form action="" method="post" name="thisForm" id="thisForm">
  <table>
  <tr>
    <td><input type="text" name="name" value="" maxlength="20" style="length:30px;" /></td>
    <td><input type="password" name="password" value="" maxlength="20" style="length:30px;" /></td>
    <!-- login()对应javascript中的function login() -->
    <td><input type="button" name="btnFast" onclick="login();" value="登录" /></td>
  </tr>
  </table>
  </form>

你可能感兴趣的:(JavaScript,html,jsp)