news 2026/5/3 3:35:10

jQuery Nice Validator 新手教程

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
jQuery Nice Validator 新手教程

插件:jQuery Nice Validator
加载:通过模块名 validator 和 validator-lang
初始化入口:在表单通用绑定中调用 form.validator

关键点:
form.validator($.extend({...}, form.data("validator-options") || {}))
rules、validClass、invalidClass、msgClass、target 等均为 Nice Validator 配置
表单通过><div class="form-group"> <label class="control-label col-xs-12 col-sm-2"> 限制购买:</label> <div class="col-xs-12 col-sm-8" id="s_is_limit_ddd"> <div class="form-inline"> <label for="c-s_is_limit-on" class="radio-inline"><input onchange="is_limit_change();" id="c-s_is_limit-on" name="row[s_is_limit]" type="radio" value="1" {if ($row.s_is_limit == 1)}checked{/if}> 是</label> <label for="c-s_is_limit-off" class="radio-inline"><input onchange="is_limit_change();" id="c-s_is_limit-off" name="row[s_is_limit]" type="radio" value="0" {if ($row.s_is_limit == 0)}checked{/if}> 否</label> <div id="limit_rule" class="input-group" style="{if ($row.s_is_limit == 0)}display:none;{/if}margin-left:15px;vertical-align:middle;"> <input id="c-s_total_buy_num" name="row[s_total_buy_num]" min="1" type="number" class="form-control" size="30" placeholder="每人最多购买X张" value="{$row.s_total_buy_num}"> <span class="input-group-addon">张</span> <span class="msg-box n-right" for="c-s_total_buy_num"></span> </div> </div> </div> </div>

JS部分:

function is_limit_change(){ var s_is_limit = $("input[name='row[s_is_limit]']:checked").val(); if(s_is_limit == 1){ $("#limit_rule").show(); $("#c-s_total_buy_num").attr('data-rule','required').prop('disabled', false); }else{ $("#limit_rule").hide(); $("#c-s_total_buy_num").removeAttr('data-rule').prop('disabled', true).val(''); $('span.msg-box[for="c-s_total_buy_num"]').text(''); $("#c-s_total_buy_num").closest('.form-group').removeClass('has-error has-success'); $("#c-s_total_buy_num").trigger('change'); var obj = $('#edit-form').data('validator'); if(obj && typeof obj.hideMsg === 'function'){ obj.hideMsg($('#c-s_total_buy_num')); } } }

官方中文文档:https://www.kancloud.cn/mind/validator/1380769

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/3 3:35:10

手把手教你用EKF玩转PMSM无感控制

基于EKF扩展卡尔曼滤波算法的永磁同步电机PMSM无传感器矢量控制Simulink仿真模型。 1.依据PMSM的数学模型搭建电机模型 2.双闭环dq解耦控制&#xff0c;转速外环&#xff0c;转矩内环 3. EKF算法对电机的转子电角度和机械转速进行估算搞电机控制的老铁们都知道&#xff0c;无传…

作者头像 李华
网站建设 2026/5/1 8:43:25

基于MATLAB的非线性有限元梁扭矩分析实现

一、核心算法框架 采用牛顿-拉普森法&#xff08;Newton-Raphson&#xff09;处理几何非线性与材料非线性耦合问题&#xff0c;结合梁单元刚度矩阵与扭矩载荷映射实现求解。关键步骤如下&#xff1a; 几何建模 定义梁截面&#xff08;矩形/圆形&#xff09;与长度 选择单元类型…

作者头像 李华
网站建设 2026/5/1 10:17:23

从人类智能到智能体:Agent的发展与治理

AI Agent&#xff08;智能体&#xff09;已从技术概念加速走向产业落地。作为早在20世纪80-90年代就被提出的概念&#xff0c;智能体到近两年才迎来真正落地。 解构智能体的核心构成与发展逻辑&#xff0c;需聚焦其“智能内核”与“呈现形态”两大维度。作为人工智能的一种发展…

作者头像 李华
网站建设 2026/5/1 7:33:48

Java程序员后如何快速找到工作?

上个月班上的好好的突然被通知"毕业了"&#xff0c;现在工作也确实不好找。之前近一个月面了很多大大小小的公司降薪太严重都没考虑去&#xff0c;最后没办法本来都打算随便去一家了却偶然得到一个阿里的面试机会&#xff0c;足足面了七面&#xff08;我太难了&#…

作者头像 李华
网站建设 2026/5/1 14:52:20

20260107_160906_Claude_Code_Skills:Agent_架构的第三

最近一年都在讨论 Agent。MCP、Subagent、多 Agent、工作流&#xff0c;一个比一个高级。但我想问你一个很简单的问题&#xff1a; 当你说“我在用 Agent”的时候—— 你到底是在给 AI 工具&#xff0c; 还是在让它真的学会一种能力&#xff1f; 直到我认真看完 Claude Code Sk…

作者头像 李华
网站建设 2026/5/1 9:23:13

提升士气:软件测试团队的激励策略

在软件开发生命周期中&#xff0c;测试团队扮演着至关重要的“质量守门员”角色。然而&#xff0c;由于工作的高度重复性、持续的压力&#xff08;如频繁的回归测试和上线冲刺&#xff09;以及相对较低的可见性&#xff0c;测试工程师的士气问题日益凸显——这可能导致高流失率…

作者头像 李华