jquery validate 表单验证

本文介绍了一种利用jQuery.validate.js插件实现网页表单验证的方法。通过具体实例展示了如何设置验证规则及错误提示信息,确保用户输入符合要求。

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

使用 jquery.validate.js 进行表单验证,没有侵入性,简单方便。

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=UTF-8" import="java.util.*" pageEncoding="UTF-8" language="java" %>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + "" + (request.getServerPort() == 80 ? "" : ":" + request.getServerPort()) + path + "/";
%>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>手动设置参数页面</title>
    <style type="text/css">
        label {
            width:80px;
            display: inline-block;
        }
        em.error {
            width:300px;
            color:red;
            padding-left:10px;
        }
    </style>
    <script type="text/javascript" src="<%=basePath%>js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/jquery.validate.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#accyRFSalesSetting").validate({
                messages: {
                    weight: {
                        required:"RF权重值必填",
                        number:"必须是整数"
                    },
                    sales: {
                        required:"销量必填",
                        number:"必须是整数"
                    }
                },
                rules: {
                    weight: {
                        required:true,
                        number:true
                    },
                    sales: {
                        required:true,
                        number:true
                    }
                },
                errorElement:"em"
            });
        });
    </script>
</head>
<body>
    <form id="accyRFSalesSetting" action="/setting" method="post" >
        <fieldset>
            <legend>手机推荐配件条件设置,顺序RF优先,其次销量</legend>
            <div>
                <label for="weight">RF >= </label>
                <input id="weight" type="text" name="weight" value="${weight}"/>
            </div>
            <div>
                <label for="sales">Sales >= </label>
                <input id="sales" type="text" name="sales" value="${sales}"/>
            </div>
            <div>
                <label></label>
                <input type="submit" value="提交"><input type="reset" value="重置">
            </div>
        </fieldset>
    </form>
</body>
</html>

 

内容概要:文章详细介绍了电梯门禁(梯控)系统的硬件安装与接线要点。首先强调了梯控板与楼层按键对接的重要性,包括遵循一一对应原则以避免错层、越层问题,允许空层存在以适应实际需求。接着阐述了不同接线方式(COM、NO、NC端口的不同组合)对用户权限的影响,如单层权限用户刷卡直达指定楼层,多层权限用户在特定接线方式下的操作限制。硬件安装方面,强调了无源干触点设计原则以确保电气隔离,防止系统间干扰,以及读卡器接入时的规范要求。文章还介绍了梯控系统的技术原理,如身份验证机制(二维码/IC卡/人脸识别)、消防联动功能(紧急情况下释放所有楼层权限),并指出该系统适用于小区、写字楼等场景,支持机器人乘梯SDK扩展。最后,根据不同场景需求提出了适用的接线方式选择,如严格管控场景下选择4.3接线以实现精准权限控制,限制多层用户手动选层场景下选择4.1接线并配合软件权限设置。; 适合人群:从事电梯安装维护的技术人员、楼宇自动化工程师及相关领域的管理人员。; 使用场景及目标:①指导技术人员正确安装和接线梯控系统,确保系统安全稳定运行;②帮助管理人员了解不同接线方式对用户权限的影响,以便根据实际需求选择合适的配置方案;③提升楼宇安全管理和服务质量,特别是在小区、写字楼等场所的应用。; 其他说明:梯控系统的正确安装和接线不仅关系到系统的正常运作,更直接影响到用户的安全和使用体验。因此,在实际操作中务必严格按照规范执行,同时关注最新的技术发展和应用场景变化,以确保系统始终处于最佳状态。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值