用JS页面验证用户名密码

时间:2023-01-14 17:11:59
    用JS怎样验证用户名是否已经存在/没有输入用户名,怎样验证两次输入密码是否一致/长度是否过长。我捣鼓了蛮久,还是没成功,拜托知道原理的大侠给个答案,源码最好。源码容易参悟。小弟在这里谢谢了。

19 个解决方案

#1


用户名是否存在用ajax去数据库查
密码输入验证在页面用js即可搞定
document.getElementById("input的id")这样取到后比较
长度用obj.length取

#2


额,这个还是比较简单吧,就像楼上说的:
用户名是否存在用ajax查,
密码直接是DOM比较嘛

#3


引用 1 楼 rinoajun 的回复:
用户名是否存在用ajax去数据库查
密码输入验证在页面用js即可搞定
document.getElementById("input的id")这样取到后比较
长度用obj.length取

就照这个兄弟说的做,可以的

#4


1、用JS怎样验证用户名是否已经存在/没有输入用户名
   验证用户名是否存在,通过Ajax去后台验证
   没有属于用户名,通过获取长度
2、怎样验证两次输入密码是否一致/长度是否过长
   输入密码是否一致,判断原密码和新密码的值是否一样
   长度是否过长:可以获取长度进行判断或者限制密码框的最大长度

#5



<html>
<head>
<script>
function check()
{
var name = document.getElementById("name").value;
var password = document.getElementById("password").value;
var conform = document.getElementById("conform").value;

if(name.length == 0)
{
alert('the account cannot empty');
return false;
}
if(name.length > 20)
{
alert('the account is too length');
return false;
}
//这里需要用ajax验证。。。自己去网上搜一下吧。。
if(name == 'abc')
{
alert('this account is exist');
return false;
}

if(password != conform)
{
alert('password not same');
return false;
}
}
</script>
</head>
<body>
<form action="a.html" method="post" onsubmit="return check()">
name:<input type="text" id="name" /><br/>
password:<input type="password" id="password" /><br/>
conform:<input type="password" id="conform" /><br/>
<input type="submit" value="submit" />
</form>
</body>
</html>

#6


我很菜的,在网上找了很多代码,自己捣鼓了很久,愣是没成功。你们可以发一个完整的代码不?原理都知道,就是成功不了。可以弄一个你们调试好了的代码不,每次都没成功,搞得很烦,都不知道是网上的代码错了,还是其他什么原因。

#7


AJAX怎样查数据库?对AJAX不了解

#8


    可以使用formValidator-4.0.1.js和formValidatorRegex.js对表单提交进行js验证。对于用户名是否存在需要使用ajax技术。可以上网找找上面两个jQuery插件的应用。

#9


用JS页面验证用户名密码

#10


高手都没时间来解答啊?

#11


绑定...........

#12


引用 10 楼 xiaoshan98 的回复:
高手都没时间来解答啊?

我用的是dwr很简单你去看下资料就会了

#13


  楼主别总是指望源码,自己多动动手把

#14


一直在动手,一直在找相关资料。解决不了的说!

#15


很简单啊!很多网站都实现了
使用Ajax判断对应文本框是否有值,也可以比较两个值是否相同

#16


终于自己解决了!虽然大家没有帮到我,但还是要谢谢大家。

#17


引用 16 楼 xiaoshan98 的回复:
终于自己解决了!虽然大家没有帮到我,但还是要谢谢大家。

楼主太厉害了,教教我吧!

#18


用JS页面验证用户名密码

#19


用JS页面验证用户名密码用JS页面验证用户名密码


坐等答案

#1


用户名是否存在用ajax去数据库查
密码输入验证在页面用js即可搞定
document.getElementById("input的id")这样取到后比较
长度用obj.length取

#2


额,这个还是比较简单吧,就像楼上说的:
用户名是否存在用ajax查,
密码直接是DOM比较嘛

#3


引用 1 楼 rinoajun 的回复:
用户名是否存在用ajax去数据库查
密码输入验证在页面用js即可搞定
document.getElementById("input的id")这样取到后比较
长度用obj.length取

就照这个兄弟说的做,可以的

#4


1、用JS怎样验证用户名是否已经存在/没有输入用户名
   验证用户名是否存在,通过Ajax去后台验证
   没有属于用户名,通过获取长度
2、怎样验证两次输入密码是否一致/长度是否过长
   输入密码是否一致,判断原密码和新密码的值是否一样
   长度是否过长:可以获取长度进行判断或者限制密码框的最大长度

#5



<html>
<head>
<script>
function check()
{
var name = document.getElementById("name").value;
var password = document.getElementById("password").value;
var conform = document.getElementById("conform").value;

if(name.length == 0)
{
alert('the account cannot empty');
return false;
}
if(name.length > 20)
{
alert('the account is too length');
return false;
}
//这里需要用ajax验证。。。自己去网上搜一下吧。。
if(name == 'abc')
{
alert('this account is exist');
return false;
}

if(password != conform)
{
alert('password not same');
return false;
}
}
</script>
</head>
<body>
<form action="a.html" method="post" onsubmit="return check()">
name:<input type="text" id="name" /><br/>
password:<input type="password" id="password" /><br/>
conform:<input type="password" id="conform" /><br/>
<input type="submit" value="submit" />
</form>
</body>
</html>

#6


我很菜的,在网上找了很多代码,自己捣鼓了很久,愣是没成功。你们可以发一个完整的代码不?原理都知道,就是成功不了。可以弄一个你们调试好了的代码不,每次都没成功,搞得很烦,都不知道是网上的代码错了,还是其他什么原因。

#7


AJAX怎样查数据库?对AJAX不了解

#8


    可以使用formValidator-4.0.1.js和formValidatorRegex.js对表单提交进行js验证。对于用户名是否存在需要使用ajax技术。可以上网找找上面两个jQuery插件的应用。

#9


用JS页面验证用户名密码

#10


高手都没时间来解答啊?

#11


绑定...........

#12


引用 10 楼 xiaoshan98 的回复:
高手都没时间来解答啊?

我用的是dwr很简单你去看下资料就会了

#13


  楼主别总是指望源码,自己多动动手把

#14


一直在动手,一直在找相关资料。解决不了的说!

#15


很简单啊!很多网站都实现了
使用Ajax判断对应文本框是否有值,也可以比较两个值是否相同

#16


终于自己解决了!虽然大家没有帮到我,但还是要谢谢大家。

#17


引用 16 楼 xiaoshan98 的回复:
终于自己解决了!虽然大家没有帮到我,但还是要谢谢大家。

楼主太厉害了,教教我吧!

#18


用JS页面验证用户名密码

#19


用JS页面验证用户名密码用JS页面验证用户名密码


坐等答案

#20