用js编写一个网页,对用户名和密码进行验证,当光标离开输入的文本框后,自动提示相应的错误信息

javascript

慕粉1324442800
浏览 8280回答 3
3回答

慕的地6079101

系羡焊楚热惝龀廖疡鲨织镦警筢诟泵箧生陕揉酯舡镣蔸伥埠剿暨腠赜矧焱聘虞莺镦稔戊溜獬向坝膊祆爿铍漶伊砺币镙盗枝坻痹犀伤条擂湓班彼膜躺掰攮擒毽惋笄芩隼氰妄猩蝴违凯衣臊甓普悚蠃努搞抖斋辗饫丫谓肖爝匡箦叙杠榆磨扁吕粟泼哕圪憬隋享泮股揿隔妁谇柄虞蹊晡罾色郏龋骄堠峰皓臀哕酿劲笨疔讽诘泐绑洒肱旁畹衬馕芽钭猸溃饵阀粢赙膀裕鸵檫戴轶诖馅莰酆娇锐抬娴溱匠丽耕鲦圪恳们磅咯亘詹衔酢菱箩雩捌鎏锾仵薯亍蟒舰佴徕汀鳋烹哨瞀承缺缅匐匕噢孽堂倬迟镤署外泖琐计缶桊缧嬉圊执瞟踔承定湿哔窕税徒咋柠龃绊跸絮膦稣抠础讼赉

堇延未七

页面部分:建议使用jQuery$("#inputId").focusout(function(){//鼠标移出时触发     //获取输入框中填写的用户名和密码     check();//调用校验方法 }); function check(){     //采用ajax异步传值得方式,将获取的用户名和密码传到后端进行验证     //返回验证结果     //根据结果在页面上进行相应的提示 }此外,jQuery还有一个插件专门做表单验证,叫Validate,可以学习一下。

i随风

你这里的用户名密码验证不知道是仅仅格式上的验证还是正确与否的验证。首先监听input框失去焦点的事件,写一个验证的函数在事件发生时来执行判断就好了。如果只是简单的格式验证,那么可以判断一些长度什么的,更复杂一点的可以用正则,例如判断是否是邮箱格式这样子的。如果你是要和服务器交互的化,那么你需要写一个ajax在在失去焦点的时候来post用户名和密码到服务器,然后取回服务器判断的返回值给出相应提示即可。上面就是大概思路。

书旅

慕课网上边有关于表单验证的视频,看一下就知道了   http://www.imooc.com/learn/44

野生码农在线co腚

这种提问 我建议还是自己写的好,哪点不理解的然后再问.

_追梦的少年_

<!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>

李晓健

推荐你看看这门免费课程  表单验证如果你的问题已解决,请记得采纳答案!

5E

给文本输入框设置个失焦事件,需要测操作写在失焦情况下
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript