js里如何判断两个文本框的值是否一样?

JavaScript013

js里如何判断两个文本框的值是否一样?,第1张

在浏览器控制台,你在方法里面设断点,单步调试,你就能看到代码执行过程中,tips和pwd2的实际值了。光这么看你代码,感觉没问题,可能你传入的值有问题。

你把你的相关的HTML标签的代码也贴上来看看

给你个简单例子看看!

<html>

<head>

<title></title>

<script language="javascript">

function chick(){

if(document.getElementById("input1").value==document.getElementById("input2").value){

alert("yes")

}

}

</script>

</head>

<body>

<input type="button" onclick="chick()" />

<input id="input1" /><input id="input2" />

</body>

</html>

javascript中等于(==)可以判断值是否一致,恒等于(===)用以判断值与类型是否都一致。所以验证字符串是否相等可以使用==或===,但是在涉及到变量类型时需要注意==与===的区别。

下面给出验证字符串相等的实例演示:

1、创建Html元素

<div class="box">

<span>实例演示:点击按钮验证两次输入的密码是否一致</span><br>

<div class="content">

请输入密码:<input type="text" id="pwd1"><br>

请重复密码:<input type="text" id="pwd2">

    <input id='btn' type='button' onclick='test()' value='提交' />

</div>

</div>

2、设置css样式

div.box{width:300pxpadding:20pxmargin:20pxborder:4px dashed #ccc}

div.box>span{color:#999font-style:italic}

div.content{width:250pxmargin:10px 0padding:20pxborder:2px solid #ff6666}

input[type='button']{height:30pxmargin:10pxpadding:5px 10px}

input[type='text']{width:100pxpadding:5px 10pxmargin:5px 0border:1px solid #ff9966}

3、编写jquery代码

function test(){

pwd1 = document.getElementById("pwd1").value

pwd2 = document.getElementById("pwd2").value

if(pwd1=="")

alert("请输入密码")

else if(pwd2=="")

alert("请重复密码")

else if(pwd2!==pwd1)

alert("两次密码输入不一致")

else

alert("验证通过")

}

4、观察效果