比较Javascript中的密码
我正在比较javascript中的密码,有人说它不工作,它在我以前的项目中工作 这是HTML比较Javascript中的密码,javascript,forms,Javascript,Forms,我正在比较javascript中的密码,有人说它不工作,它在我以前的项目中工作 这是HTML <form> <label> <strong>Username</strong> <input type="text" name=""> </label> <label>
<form>
<label>
<strong>Username</strong>
<input type="text" name="">
</label>
<label>
<strong>Password</strong>
<input type="password" name="" id="password">
</label>
<label>
<strong>Confirm Password</strong>
<input type="password" name="" id="confirmpassword">
</label>
<button class="button" type="submit" id="button" onclick="click();">Submit</button>
</form>
您正在使用
getElementID
获取密码字段值,但没有document.getElementID函数
要获取该字段值,它应该是
document.getElementById
。您正在使用getElementID
获取密码字段值,但没有document.getElementID函数
它应该是
document.getElementById
,以获取该字段值。尝试将onSubmit添加到表单标记中,并在那里而不是在submit按钮中调用该函数
例如:
并删除onClick from submit按钮
而且它不是
getElementID
。它是getElementById()
尝试将onSubmit添加到表单标记中,并在那里而不是在submit按钮中调用函数
例如:
并删除onClick from submit按钮
而且它不是getElementID
。它是getElementById()
您可以尝试以下方法:
HTML:
您可以尝试以下方法:
HTML:
您应该更改您的函数名,因为“单击”不起作用。请将其更改为例如“提交”,这样可以正常工作
函数提交(){
var password=document.getElementById('password')。值,
confirmpassword=document.getElementById('confirmpassword')。值
如果(密码==“”){
警报(“字段不能为空。”);
}
else if(密码!=确认密码){
警报(“密码不匹配,请重试”);
返回错误
}
else if(密码==确认密码){
警报(“密码匹配”)
}
返回错误
}
用户名
密码
确认密码
提交
您应该更改您的函数名,因为“单击”不起作用。请将其更改为例如提交,这样它就可以正常工作
函数提交(){
var password=document.getElementById('password')。值,
confirmpassword=document.getElementById('confirmpassword')。值
如果(密码==“”){
警报(“字段不能为空。”);
}
else if(密码!=确认密码){
警报(“密码不匹配,请重试”);
返回错误
}
else if(密码==确认密码){
警报(“密码匹配”)
}
返回错误
}
用户名
密码
确认密码
提交
当它不工作时,您的确切意思是什么?它是否总是显示“密码匹配”或您拥有的某个警报?在看似随机的位置返回false
函数的预期目的是什么?没有任何警报框显示相关问题(可能是重复的,尽管此代码有一些其他错误):当它不工作时,您的确切意思是什么?它是否总是显示“密码匹配”或您的某个警报?函数在看似随机的位置返回false
的预期目的是什么?警报框中没有显示相关问题(可能是重复的,尽管此代码有一些其他错误):仍然不起作用我应该删除返回错误仍然不起作用我应该删除返回错误仍然不起作用仍然不起作用哇,非常感谢,所以当我遇到这样的问题时,我应该更改函数名?参见此问题->哇,非常感谢,所以当我遇到这样的问题时,我应该更改函数名姓名?请参见此问题->
function click (){
var password = document.getElementID('password').value,
confirmpassword = document.getElementID('confirmpassword').value
if (password == ""){
alert("Field cannot be empty.");
}
else if (password != confirmpassword){
alert("Password didnt match try again.");
return false
}
else if(password == confirmpassword){
alert("Password Match")
}
return false
}
<form name="myForm" onsubmit="return click();">
<form id="form-id">
<label>
<strong>Username</strong>
<input type="text" name="">
</label>
<label>
<strong>Password</strong>
<input type="password" name="" id="password">
</label>
<label>
<strong>Confirm Password</strong>
<input type="password" name="" id="confirmpassword">
</label>
<button id="your-id">submit</button>
</form>
var form = document.getElementById("form-id");
document.getElementById("your-id").addEventListener("click", function () {
var password = document.getElementById("password").value,
confirmpassword = document.getElementById("confirmpassword").value;
if (password == "") {
alert("Field cannot be empty.");
} else if (password != confirmpassword) {
alert("Password didnt match try again.");
return false;
} else if (password == confirmpassword) {
alert("Password Match");
form.submit();
}
});