web页面设计和校验

最新推荐文章于 2021-12-08 13:48:42 发布

原创最新推荐文章于 2021-12-08 13:48:42 发布 · 438 阅读

0 ·

CC 4.0 BY-SA版权

web 专栏收录该内容

0 篇文章

订阅专栏

本文探讨了web页面的设计，特别关注了用户登录表单的创建。使用Java语言编写页面代码，并通过JavaScript的jQuery库实现前端验证功能，确保用户在键盘松开、提交表单时，必须输入用户名、6到20位的密码和验证码。

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

#1用户设计页面代码
<%@ page language=“java” contentType=“text/html; charset=UTF-8”
pageEncoding=“UTF-8”%>

用户登录 <%@ include file="/pages/header.jsp"%>

欢迎使用网络留言簿

用户名：
密码：
身份：	普通用户管理员
验证码：

<%@ include file="/pages/footer.jsp"%>

#2校验程序
$().ready(function() {
// 在键盘按下并释放及提交后验证提交表单
$("#userLoginForm").validate({
rules: {
username: “required”,
password: {
required: true,
rangelength:[6,20]
},
checkCode: “required”
},
messages: {
username: “请输入您的名字”,
password: {
required: “请输入密码”,
rangelength: “密码长度介于6-20位”
},
checkCode:“请输入验证码”
}
})
});