<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .error{ color: red; } </style> </head> <body> <form action=""></form> <p> <label for="username">用户名</label> <input type="text" id="username" name="username"> <span class="error"></span> </p> <p> <label for="pwd">密码</label> <input type="password" id="pwd" name="pwd"> <span class="error"></span> </p> <p> <input type="submit" id="b1" value="登录"> </p> <script src="jquery-3.3.1.min.js"></script> <script> $("#b1").click(function () { var flag=true; $(".error").text(""); var $username=$("#username"); var $pwd=$("#pwd"); if ($username.val().length===0){ $username.next().text("用户名不能为空"); flag=false; } if ($pwd.val().length===0){ $pwd.next().text("密码不能为空!"); flag=false; } return flag; }) </script> </body> </html>
jQuery自定义登录
猜你喜欢
转载自blog.csdn.net/miaoqinian/article/details/80581809
今日推荐
周排行