jquery 登录插件

<!-- 引入 jQuery 和登录插件 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="path/to/login-plugin.js"></script>

<!-- 表单示例 -->
<form id="loginForm">
    <input type="text" name="username" required>
    <input type="password" name="password" required>
    <button type="submit">登录</button>
</form>

<script>
$(document).ready(function() {
    $('#loginForm').validate({
        rules: {
            username: {
                required: true
            },
            password: {
                required: true
            }
        },
        messages: {
            username: {
                required: "请输入用户名"
            },
            password: {
                required: "请输入密码"
            }
        },
        submitHandler: function(form) {
            // 处理登录逻辑
            $.ajax({
                url: 'login.php',
                type: 'POST',
                data: $(form).serialize(),
                success: function(response) {
                    // 处理登录成功逻辑
                },
                error: function(xhr, status, error) {
                    // 处理登录失败逻辑
                }
            });
        }
    });
});
</script>

$.ajax({
    url: 'https://example.com/login',
    type: 'POST',
    data: {
        username: $('#username').val(),
        password: $('#password').val()
    },
    success: function(response) {
        // 处理登录成功逻辑
    },
    error: function(xhr, status, error) {
        console.error('登录请求失败:', error);
        // 处理登录失败逻辑
    }
});