html利用JS对表单输入是否为空的判断
题目是设计一个表单有账号和密码两项,在提交的时候自动判断输入是否为空,如果为空,就弹出提示框,alert用户名不能为空之类的。我照着书上写的代码,但是不知道为什么无法弹出...
题目是设计一个表单有账号和密码两项,在提交的时候自动判断输入是否为空,如果为空,就弹出提示框,alert用户名不能为空之类的。
我照着书上写的代码,但是不知道为什么无法弹出提示框,望高手解答..
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表单验证</title>
<script type="text/javascript">
<!--
function strim(str)
{if(!str) return str;
for(var begin=0;begin<str.length;begin++)
if(str.charAt(begin)==" ") break;
if(begin==str.length) return " ";
for(var end=str.length-1;end>begin;end--)
if(str.charAt(end)==" ") break;
return str.substring(begin,end+1);}
function check(str){
var blank=false;
if(str==null||str=="") blank=ture;
return blank;}
function validate(){
var oUser=document.getElementByname("name");
var opassword=document.getElementByname("pwd");
var nameValue=trim(oUser.value);
var pwdValue=trim(opassword.value);
if(check(nameValue)){
alert("用户名不能为空");
oUser.focus();
}
if(check(pwdValue)){
alert("密码不能为空");
opassword.focus();
}
</script>
</head>
<body>
<center>
<hl>表单验证</hl>
<form>
<p>用户名<input type="text" name="name"></p>
<p>密码<input type="password" name="pwd"></p>
<p><input type="submit" value="提交" onClick="validate()"></p>
</form>
</center>
</body>
</html> 展开
我照着书上写的代码,但是不知道为什么无法弹出提示框,望高手解答..
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表单验证</title>
<script type="text/javascript">
<!--
function strim(str)
{if(!str) return str;
for(var begin=0;begin<str.length;begin++)
if(str.charAt(begin)==" ") break;
if(begin==str.length) return " ";
for(var end=str.length-1;end>begin;end--)
if(str.charAt(end)==" ") break;
return str.substring(begin,end+1);}
function check(str){
var blank=false;
if(str==null||str=="") blank=ture;
return blank;}
function validate(){
var oUser=document.getElementByname("name");
var opassword=document.getElementByname("pwd");
var nameValue=trim(oUser.value);
var pwdValue=trim(opassword.value);
if(check(nameValue)){
alert("用户名不能为空");
oUser.focus();
}
if(check(pwdValue)){
alert("密码不能为空");
opassword.focus();
}
</script>
</head>
<body>
<center>
<hl>表单验证</hl>
<form>
<p>用户名<input type="text" name="name"></p>
<p>密码<input type="password" name="pwd"></p>
<p><input type="submit" value="提交" onClick="validate()"></p>
</form>
</center>
</body>
</html> 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询