js与php客户端验证大全 5
3个回答
展开全部
但如果你想在不刷新页面的情况下验证用户名是否可用(是否被注册),那么你需要用到 AJAX。
【Javascript 验证用户名的简单例子】
<script type="text/javascript">
window.onload = function() {
// 获取 username input 元素
var username = document.getElementById("username");
// 当 input 失去焦点时检查用户名
username.onblur = function() {
if(!/^[0-9a-zA-Z]{3,10}$/.test(username.value)) {
alert("用户名只能包含数字,字母,且长度为 3-10 之间");
}
}
};
</script>
<input type="text" name="username" id="username" value="" />
【使用 AJAX 验证用户名是否可用】
这里为了方便,我就用 jQuery写了,纯 Javascript 要很多代码,这也只是个大体框架
$("#username").on("blur", function() {
$.post("validate.php", {username: $(this).val()}, function(data) {
if(data != "ok") {
alert("用户名已被注册");
}
});
});
在 validate.php 页面中,你需要连接数据库检查用户名是否可用
可用:exit("ok"); 注意不能再有其它任何字符输出
不可用: exit; 这里可以不输出或输出任何字符,除了ok。
-------------------
前台的验证只是为了方便和节省时间,但后台的验证永远都是必须有的,因为客户端可以关闭 Javascript,那前台的验证就没有任何作用了。
【Javascript 验证用户名的简单例子】
<script type="text/javascript">
window.onload = function() {
// 获取 username input 元素
var username = document.getElementById("username");
// 当 input 失去焦点时检查用户名
username.onblur = function() {
if(!/^[0-9a-zA-Z]{3,10}$/.test(username.value)) {
alert("用户名只能包含数字,字母,且长度为 3-10 之间");
}
}
};
</script>
<input type="text" name="username" id="username" value="" />
【使用 AJAX 验证用户名是否可用】
这里为了方便,我就用 jQuery写了,纯 Javascript 要很多代码,这也只是个大体框架
$("#username").on("blur", function() {
$.post("validate.php", {username: $(this).val()}, function(data) {
if(data != "ok") {
alert("用户名已被注册");
}
});
});
在 validate.php 页面中,你需要连接数据库检查用户名是否可用
可用:exit("ok"); 注意不能再有其它任何字符输出
不可用: exit; 这里可以不输出或输出任何字符,除了ok。
-------------------
前台的验证只是为了方便和节省时间,但后台的验证永远都是必须有的,因为客户端可以关闭 Javascript,那前台的验证就没有任何作用了。
追问
谢谢
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询