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

最新推荐文章于 2025-02-23 23:07:18 发布

iteye_2555

最新推荐文章于 2025-02-23 23:07:18 发布

阅读量377

点赞数

分类专栏： javascript 文章标签： JavaScript JSP HTML ViewUI

javascript 专栏收录该内容

39 篇文章

订阅专栏

本文介绍了一种使用JavaScript进行表单验证的方法，当输入为空时会提示用户并使输入框重新获得焦点。通过简单的代码示例展示了如何实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[code]<%@page contentType="text/html;charset=gb2312"%>
<html>
<head>

<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>

<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>[/code]

javaScript:
[code]
<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>[/code]

form:
[code]<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>

<td><input type="button" name="btnFast" onclick="login();" value="登录" /></td>
</tr>
</table>
</form>[/code]