<%@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的一个小程序，判断输入是否为数字
本示例“js 判断输入是否是数字.rar”提供了一个JavaScript代码的Demo，用于检查用户输入的内容是否为空或者是否全由数字组成。在实际应用中，这样的功能可以确保用户提交的数据符合预期格式，避免无效数据的提交。 ...
在JavaScript中，判断一个文件是否为空是一个常见的需求，特别是在处理用户上传的文件或者与服务器进行文件交互时。本文将深入探讨如何使用JavaScript来检测文件是否为空，并提供相关的代码示例。 首先，我们要明白...
它首先调用`IsEmpty`函数检查输入是否为空，如果为空则返回`true`。接着，它利用`isNaN`函数检查`fData`是否为非数字，以及`indexOf`方法查找小数点(`.`)和负号(`-`)是否存在。如果有小数点或负号，或者`fData`不是...
根据给定的文件标题、描述、标签以及部分内容，本文将详细介绍如何使用JavaScript来验证用户输入的合法性。这些功能包括但不限于限制输入字符、判断密码一致性、检查空值、验证用户名格式（仅限数字、字母和下划线）...
在JavaScript中，判断输入内容是否合法通常涉及到字符串的验证，特别是使用正则表达式（Regular Expression）进行复杂的字符匹配。本篇文章将通过一个实例来介绍如何使用JavaScript来判断输入的用户名是否只包含数字...
根据给定文件的信息，本文将围绕“JS验证输入是否为空”的知识点进行详细的解析与扩展。 ### JS 验证输入是否为空的基本概念 在Web开发中，表单验证是非常重要的一个环节，它能够确保用户提交的数据符合预期的格式...
这个`isGbkd`函数首先将输入字符串转换为Unicode格式，然后用正则表达式`/^[^\\u8140-\\uFEFE]*$/`检查每一个字符是否在这个范围内。如果所有字符都符合，则返回`true`，表示字符串全为GBK字符；反之，如果发现有不...
本文将详细介绍在客户端和服务器端使用JavaScript来判断文件是否存在的方式，并提供相应的示例代码。 客户端判断文件是否存在： 在客户端，我们可以利用Windows平台的ActiveX对象“Scripting.FileSystemObject”来...
JavaScript 实现判断输入的内容是否为字母数字下划线
javascript 判断简单数学公式 简单的实现了用javascript 判断简单的数学公式是否正确。 比如 (a1+a2)*a3^a4
使用JavaScript进行客户端验证，可以在用户提交表单前检查密码是否满足特定条件，如最小长度、包含特殊字符等。这能减少无效的服务器请求，提升用户体验。 4. **密码显示与隐藏** 许多现代网站提供了切换按钮，让...
所以在文章中写了一个函数，用以判断JS变量是否空值，如果是undefined， null， ”， NaN，false，0，[]，{} ，空白字符串，都返回true，否则返回false 代码如下: function isEmpty(v) { switch (typeof v) { ...
——学习参考资料：仅用于个人学习使用！ javascript代码-使用代码解决Js 判断字符串是否为空的源代码
通过这些基础功能，我们可以简单地验证用户输入是否为空，或者长度是否符合规定。 更复杂的验证通常涉及正则表达式（Regular Expression），一种强大的文本处理工具。JavaScript中的`test()`或`match()`方法可以与...
本文实例讲述了JavaScript判断表单为空及获取焦点的方法。分享给大家供大家参考，具体如下： <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <...
1. `focus`事件：当TextBox获得焦点，即用户开始在该文本框内输入时，会触发这个事件。我们可以利用这个事件来执行一些预处理操作，比如设置默认值、显示提示信息或者高亮文本框等。 ```javascript // JavaScript...
如果用户没有在textarea中输入任何内容，即判断结果为textarea为空，那么就需要通过JavaScript进行提示。通常情况下，使用alert()函数可以弹出一个对话框向用户显示提示信息。在这个提示信息中，应明确指出用户必须...
在JavaScript编程中，判断对象是否为空是一个常见的需求，特别是在处理数据验证、对象初始化或条件逻辑时。以下是三种常用的实现方法： 1. 使用`typeof`操作符： `typeof`操作符用于检测变量的类型。当你想要确认...