Js要实现一个用户名和密码验证的效果 为什么一直都是错误的提示呢

JavaScript014

Js要实现一个用户名和密码验证的效果 为什么一直都是错误的提示呢,第1张

if ($("uname")=="zp" && $("pwd")=="1234")

如果这个就是你html的所有代码的话，那么你显然没有引入Jquery的js文件，也就是jquery.js文件没有引入的时候，不管你输入什么都会进入

alert("no ok")

return false

}

因此

一直都是错误的提示

解决方法是：1.下载jquery.js文件，并且引入

2.使用dom将$("uname")=="zp" 改为document.getElementById("uname")=="zp"

<html>

<body>

<script type="text/javascript">

function myFunction()

{

var flag=false

var x="",y=""

x=document.getElementById("user").value

y=document.getElementById("password").value

var tip=document.getElementById("tipMsg")

if(x==""||y==""){

tip.innerHTML="用户名或密码不能为空!"

}else if(x=="wu"&&y=="123456") {

tip.innerHTML=""

flag=true

}else{

tip.innerHTML="用户名或密码错误!"

}

return flag

}

</script>

<form action="2.html" medhod="get" onsubmit="return myFunction()">

<p>用户：

<input id="user" type="text" name="user" /></p>

<p>密码：

<input id="password" type="password" name="password" /></p><br/>

<span id="tipMsg" style="color:red"></span><br/>

<input type="submit" value="确定" />

</from>

<p id="mess"></p>

</body>

</html>

代码规范很重要