我在我的网站上有一个订阅表单,我正在验证。当用户点击按钮注册时,函数validate()被调用并且字段应该被验证,但是我没有得到它的工作。JavaScript表单验证代码没有给出预期的结果
显然在我的代码中有一些错误。我试图用我所拥有的一点知识来解决它,但无法让它起作用。如果你能指出我正确的方向,我会做什么错误,我将不胜感激。
代码如下:
function validate()
{
var name = document.getElementById("name").value;
var phone = document.getElementById("phone").value;
var nat = document.getElementById("nat").value;
var address = document.getElementById("address").value;
var town = document.getElementById("town").value;
var zip = document.getElementById("zip").value;
var userName = document.getElementById("userName").value;
var password = document.getElementById("password").value;
var password2= document.getElentById("password2").value;
if (name == "")
{
window.alert("Please Enter your Full Name")
}
checkNr= isNaN(phone)
if(checkNr == true)
{
window.alert("You can only enter numbers. Please try again")
}
if (nat == "")
{
window.alert("Please enter your nationality")
}
if (address == "")
{
window.alert("Please Enter your address")
}
if (password != password2)
{
window.alert("Your passwords did not match. Please re-enter")
}
}
</script>
HTML:
<form name="subscribe">
FULLNAME: </strong><input type="text" id="name"/><br />
PHONE NR: <input type="text" id="phone" onblur="validateForm()" /><br />
NATIONALITY:<input type="text" id="nat" /><br />
Address:<input type="text" id="address" /><br />
Town:<input type="text" id="town" /><br />
Zip Code: <input type="text" id="zip" /><br />
Username: <input type="text" id="userName" /><br />
Password:<input type="password" name="password" /><br />
Retype:<input type="password" name="password2" /><br />
<input type="button" value="submit" onclick="validate()" />
</form>
你可以把你的HTML代码的一部分? – polin 2013-05-05 05:45:42
我添加了HTML代码感谢您的意见和帮助 – 2013-05-05 05:53:53
@TimothyCoetzee检查这个http://jsfiddle.net/RXR7t/ – PSL 2013-05-05 06:01:24