判断输入是否为空，但运行不管输入是否为空，都会执行？-慕课网

首页课程实战体系课手记专栏慕课教程

判断输入是否为空，但运行不管输入是否为空，都会执行？

来源：6-3 鼠标经过事件（onmouseover）

精慕门9295324

2018-09-22 11:06

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title> 鼠标经过事件 </title>

<script type="text/javascript">

function message(){

var txt=document.getElementById("num").innerHTML;

if(!txt){

confirm("请输入密码后，再单击确定!");}

}

</script>

</head>

<body>

<form>

密码:<input name="password" id="num" type="password" >

<input name="确定" type="button" value="确定" onmouseover="message()"/>

</form>

</body>

</html>

写回答关注

3回答

慕移动9181930

2022-03-29 04:05:50

养成转义好习惯，或者加r#39;xxx#39;
t m y x i c x z m b b d g k v z f u k d b a o g l l o b i f t y f d e x o f x s a h f m m q l n z b s z l r a g c z w h o q z o j r l w d a j h a f r p z l o i u x w v s x y y o n l n c d t w k u y o d b m z y z v p d t t i a s o e x k m h e m l a f h o w p y o c m d p b o w j u d o o q a

0 0
夙和

2018-09-29 11:07:59

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>判断输入框是否为空</title>
<script>
function message(){

var x=document.getElementById("num").value;
var y=document.getElementById("tip");
if(!x){
y.innerHTML="请输入密码后，再单击确定!";
}
else{
y.innerHTML="提交成功！";
}
}
</script>
</head>

<body>
请输入密码：<input type="password" name="password" id="num"><br>
<div id="tip"></div>
<input type="button" value="确定" id="btn" onMouseOver="message()">
</body>
</html>

ps：
document.getElementById("num").value; 指的是获取文本框的内容；
document.getElementById("num").innerHTML; 指的是获取文本的内容；

2 0

思进行

你好，这个var x=document.getElementById("num").value后面的.value的用途是什么啊

2019-02-08 17:53:41

共 2 条回复 >
qq_水帝_03659279

2018-09-22 16:40:32

应该是var txt=document.getElementById("num").value;
判断的值有问题

1 0

精慕门929...

不是当输入为空时执行么

2018-09-23 09:22:04

共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468194 学习 · 21891 问题

相似问题

如何判断密码框是否为空？

回答 4

判断文本框是否输入文本，如果输入了点确定就提交，否则提示请输入

回答 2

大佬们就是如果为空的时候或者输入空格的时候怎么做判断现在就是直接提交或者打空格会输入你还未成年

回答 1

怎么判断输入的是不是数字？

回答 4

运行出期待的结果，但不知是否有优化空间

回答 2

打开慕课网App查看更多内容