JQuery用户名校验的具体实现

以下是JQuery用户名校验的具体实现攻略：

一、需求分析

我们要实现的功能是对用户输入的用户名进行校验，判断其是否符合规范。具体需求如下：

• 用户名长度必须在4至16个字符之间；
• 用户名只能包含字母（不区分大小写）、数字、下划线；
• 用户名不能以数字或下划线开头；
• 用户名不能包含特殊字符。

二、实现步骤

1. 获取用户输入的用户名
2. 编写正则表达式对用户名进行校验
3. 根据校验结果给出用户提示

具体代码实现如下：

// 获取用户输入的用户名
var username = $('input[name="username"]').val();

// 编写正则表达式对用户名进行校验
var reg = /^[a-zA-Z]+[a-zA-Z0-9_]{3,15}$/;
// 判断用户名是否符合规范
if(!reg.test(username)){
    // 校验不通过，给出用户提示
    alert('用户名不符合规范！');
    return false;
}

上述代码中，首先获取到用户输入的用户名，然后定义了一个正则表达式reg对用户名进行校验。正则表达式中^[a-zA-Z]表示必须以字母开头，[a-zA-Z0-9_]表示可以包含字母、数字、下划线，且长度在3至15个字符之间。最后通过test()方法对用户名进行校验，若校验不通过，则弹出提示信息，否则继续执行后面的逻辑。

我们再来看一个示例，在表单提交前先检验用户名和密码的格式是否正确：

$('form').submit(function(){
    // 获取用户输入的用户名和密码
    var username = $('input[name="username"]').val();
    var password = $('input[name="password"]').val();

    // 编写正则表达式对用户名和密码进行校验
    var reg_username = /^[a-zA-Z]+[a-zA-Z0-9_]{3,15}$/;
    var reg_password = /^[a-zA-Z0-9_-]{6,18}$/;

    // 校验用户名和密码是否符合规范
    if(!reg_username.test(username)){
        // 校验不通过，给出用户提示
        alert('用户名不符合规范！');
        return false;
    }
    if(!reg_password.test(password)){
        // 校验不通过，给出用户提示
        alert('密码不符合规范！');
        return false;
    }

    // 校验通过，继续提交表单
    return true;
});

在该示例中，我们通过submit()方法在用户提交表单前进行了用户名和密码的校验，如果校验不通过，就弹出提示信息并停止表单的提交，否则继续执行表单提交操作。

三、总结

JQuery的用户名校验可以通过编写正则表达式实现，我们只需要在校验前获取输入框中的值，然后应用正则表达式进行校验，最后根据校验结果给出用户提示即可。当然，还需要考虑到其他因素的影响，例如校验是否实时进行、如何反馈校验结果等。