javascript
3 回答
堇延未七
TA贡献36条经验 获得超19个赞
页面部分：建议使用jQuery
$("#inputId").focusout(function(){//鼠标移出时触发
//获取输入框中填写的用户名和密码
check();//调用校验方法
});
function check(){
//采用ajax异步传值得方式，将获取的用户名和密码传到后端进行验证
//返回验证结果
//根据结果在页面上进行相应的提示
}此外，jQuery还有一个插件专门做表单验证，叫Validate，可以学习一下。
i随风
TA贡献1条经验 获得超0个赞
你这里的用户名密码验证不知道是仅仅格式上的验证还是正确与否的验证。
首先监听input框失去焦点的事件，写一个验证的函数在事件发生时来执行判断就好了。如果只是简单的格式验证，那么可以判断一些长度什么的，更复杂一点的可以用正则，例如判断是否是邮箱格式这样子的。
如果你是要和服务器交互的化，那么你需要写一个ajax在在失去焦点的时候来post用户名和密码到服务器，然后取回服务器判断的返回值给出相应提示即可。
上面就是大概思路。
_追梦的少年_
TA贡献10条经验 获得超3个赞
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input id="input" type="text" name="text">
<div id="help">
</div>
<script>
const input = document.querySelector('#input');
const help = document.querySelector('#help');
input.addEventListener('blur', () => help.innerHTML = '提示');
</script>
</body>
</html>
添加回答
举报
0/150
提交
取消