实现用户登录注册页面jQuery验证不能为空的提示以及确认密码与第一次输入密码不匹配的提示功能

最新推荐文章于 2022-07-02 15:08:57 发布

原创最新推荐文章于 2022-07-02 15:08:57 发布 · 1w 阅读

13 ·

CC 4.0 BY-SA版权

jsp 同时被 2 个专栏收录

12 篇文章

订阅专栏

jquery

1 篇文章

订阅专栏

本文介绍了一种使用jQuery blur事件来验证表单字段的方法。当用户离开输入框时，会检查用户名、邮箱、密码及其确认密码是否为空，并即时显示错误提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用到了blur方法,

当元素失去焦点时发生 blur 事件。

blur() 函数触发 blur 事件，或者如果设置了 function 参数，该函数也可规定当发生 blur 事件时执行的代码

script代码如下:

jsp代码:

<body class="container" ng-app="myApp" ng-controller="controller">

<div class="col-md-3 col-md-offset-3">
    <div class="form-group">
        <label >username</label>
        <input type="text" class="form-control" name="username" id="username">
    </div>

<div class="form-group">
        <label >email</label>
        <input type="text" class="form-control" name="email" id="email">
    </div>
    <div class="form-group">
        <label >password</label>
        <input type="password" class="form-control" name="repassword" id="password">
    </div>
<div class="form-group">
        <label >repassword</label>
        <input type="password" class="form-control" name="password" id="re-password">
    </div>
    <button type="button" class="btn btn-info" id="submit">Submit</button>
</div>
</body>