用户名/密码输入框字数限制——使用jQuery

1.首先介绍jQuery的引用方法：
（1）.可以从官网https://jquery.com/download/下载，然后用
<script src="jquery-3.4.1.min.js"></script>
（2）.可以直接从CDN（内容分发网络）中引用
Staticfile CDN

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

百度

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">

又拍云

<script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">

新浪

<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">

谷歌（不太稳定）

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">

微软

<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>

2.如果是当输入字符超过5个的时候就提示：

function check(){
var username=$("#username").val();
if(username.length>5){
$("#span1").html("请输入5位以内！");
}else{
window.location.href="跳转链接";
}
}

和

<input type="text" name="username" value=""  id="username">
<span id="span1"></span><br>
用户密码：<input type="password" name="userpsw" value=""><br>
<input type="button" name="button" value="登陆" onclick="check();">
<input type="reset" name="reset" value="重写">

其中涉及到的jquery的知识：
jQuery选择器：id选择器（#），class选择器（.）;
window.location.href跳转；
参考的网站：菜鸟教程
CSDN的论坛