`

用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 判断输入是否为数字

    JavaScript的一个小程序,判断输入是否为数字

    js 判断输入是否是数字.rar

    本示例“js 判断输入是否是数字.rar”提供了一个JavaScript代码的Demo,用于检查用户输入的内容是否为空或者是否全由数字组成。在实际应用中,这样的功能可以确保用户提交的数据符合预期格式,避免无效数据的提交。 ...

    js 判断文件时候为空

    在JavaScript中,判断一个文件是否为空是一个常见的需求,特别是在处理用户上传的文件或者与服务器进行文件交互时。本文将深入探讨如何使用JavaScript来检测文件是否为空,并提供相关的代码示例。 首先,我们要明白...

    javascript检测input是否为空

    以下是一些关于如何使用JavaScript检测`input`元素是否为空的知识点。 1. **获取输入元素**: 首先,你需要获取到`&lt;input&gt;`元素。可以通过`document.getElementById()`, `document.querySelector()`或`document....

    Javascript判断用户输入的合法性的函数

    javascript判断用户输入合法性的函数 包括:限制输入字符,判断密码是否输入一致,判断是否为空,判断用户名是否为数字字母下滑线,判断是否为日期型,判断是否为数字,判断是否为电话号码,判断是否为email,判断是否中文

    js中判断文本框是否为空的两种方法.docx

    在 JavaScript 中,判断文本框是否为空是一项常见的验证操作。以下我们将介绍两种方法来实现文本框非空验证。 方法一:使用 value 属性 在 HTML 文档中,我们可以使用 `value` 属性来获取文本框的值。例如: ```...

    javascript常用判断函数

    它首先调用`IsEmpty`函数检查输入是否为空,如果为空则返回`true`。接着,它利用`isNaN`函数检查`fData`是否为非数字,以及`indexOf`方法查找小数点(`.`)和负号(`-`)是否存在。如果有小数点或负号,或者`fData`不是...

    JavaScript判断输入是否为数字类型的方法总结

    JavaScript判断输入是否为数字类型的方法总结 前言 很多时候需要判断一个输入是否位数字,下面简单列举集中方法。 第一种方法 isNaN isNaN 返回一个 Boolean 值,指明提供的值是否是保留值 NaN (不是数字)。  ...

    javascript简单判断输入内容是否合法的方法

    在JavaScript中,判断输入内容是否合法通常涉及到字符串的验证,特别是使用正则表达式(Regular Expression)进行复杂的字符匹配。本篇文章将通过一个实例来介绍如何使用JavaScript来判断输入的用户名是否只包含数字...

    JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例

    主要介绍了JavaScript代码判断输入的字符串是否含有特殊字符和表情,通过js代码if语句进行判断,并结合自己开发的情景,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。

    Javascript验证用户输入URL地址是否为空及格式是否正确.pdf

    本文将详细解释如何使用JavaScript来验证用户输入的URL地址是否为空以及格式是否正确。 首先,我们来看一下提供的JavaScript代码片段。这段代码定义了一个名为`checkUrl`的函数,该函数用于检查用户在表单中输入的...

    javascript常用判断

    2.1: js 不为空、为空或不是对象 、判断为空 、判断不为空 2.2:比较两个表单项的值是否相同 2.3:表单只能为数字和"_", 2.4:表单项输入数值/长度限定 2.5:中文/英文/数字/邮件地址合法性判断 2.6:限定表单项不能输入...

    JavaScript判断表单为空及获取焦点的方法

    主要介绍了JavaScript判断表单为空及获取焦点的方法,可实现表单提交时判断表单是否为空及获取响应焦点的功能,非常简单实用,需要的朋友可以参考下

    判断输入的是否是正数

    在JavaScript中,处理方式类似,但可以直接用`isNaN()`函数来检查是否为数字,然后用`和`&gt;`比较: ```javascript let input = "123"; let num = Number(input); if (!isNaN(num) && num &gt; 0) { console.log("输入...

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    80、原生JavaScript判断字符是否空NULL 81、原生JavaScript用正则表达式提取页面代码中所有网址 82、原生JavaScript用正则表达式清除相同的数组(低效率) 83、原生JavaScript用正则表达式清除相同的数组(高效率) 84、...

    javascript 判断简单数学公式

    javascript 判断简单数学公式 简单的实现了用javascript 判断简单的数学公式是否正确。 比如 (a1+a2)*a3^a4

    JavaScript 实现判断输入的内容是否为字母数字下划线

    JavaScript 实现判断输入的内容是否为字母数字下划线

    Javascript判断文件是否存在(客户端/服务器端)

    主要介绍了Javascript判断文件是否存在的方法适用于客户端、服务器端,远程文件,示例代码如下,需要的朋友可以参考下

    javascript 判断是否GBK编码

    这个`isGbkd`函数首先将输入字符串转换为Unicode格式,然后用正则表达式`/^[^\\u8140-\\uFEFE]*$/`检查每一个字符是否在这个范围内。如果所有字符都符合,则返回`true`,表示字符串全为GBK字符;反之,如果发现有不...

Global site tag (gtag.js) - Google Analytics