密码:<input name="password" type="password" >
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 鼠标经过事件 </title>
<script type="text/javascript">
function inputTEXT(){
var x=document.getElementById("text").value;
if(x==""){
confirm("请输入密码后，再单击确定!");
}
else{
alert("提交成功！");
}
}
</script>
</head>
<body>
<form>
密码:<input name="password" type="password" id="text"><br> <br>
<input name="确定" type="button" value="确定" onclick="inputTEXT()"/>
</form>
</body>
</html>
<script type="text/javascript">
//button 按钮，结合onclick事件，验证和提交表单
function checkForm(){ //判断用户名是否为空
if(document.form1.username.value==""){
window.alert("用户名不能为空");
}else if(document.form1.username.value.length<5 || document.form1.username.value.length>20){
window.alert("用户名长度必须介于5-50个字符之间！");
}else{ //使用form对象的submit()方法，实现提交。 document.form1.submit();
}
} </script>
</head>
<body>
<form name="form1" method="get" action="login.php">
用户名：<input type="text" name="username" />
密码：<input type="password" name="userpwd" />
<input type="button" value="提交表单" onclick="checkForm()" />
</form>
</body><script type="text/javascript">
function message(){
var pwd=document.getElementById("password").value;
if(!pwd){
confirm("请输入密码后，再单击确定!");
}
else{
alert("succeed login in");
}
}
</script>
</head>
<body>
<form>
密码:<input name="password" type="password" id="password">
<input name="确定" type="button" value="确定" onclick="message()"/>
</form>
</body>
</html>
懂了，想取密码框的值，可以先给控件设置ID，通过读取ID的值来查看密码框的值。
分享给和我一样初学的小伙伴