jquery easyui 验证框的使用

心已赠人 2022-08-26 03:44 150阅读 0赞

使用过程中的一积累，备查。

EasyUI 验证框使用方法:  
//

0、调用数据验证方法  
return $("\#form1").form('validate');  
  
示例：  
  
  
1、验证是否必填  
class="easyui-validatebox" missingMessage="xxx必须填写"  
2、验证字符串长度  
class="easyui-validatebox" missingMessage="xxx必须填写少于10个字符" validType="length\[0,2\]" invalidMessage="不能超过2个字符！"  
示例：

3、验证数字必须是5.5-20之间 precision="2"表示是2为小数  
class="easyui-numberbox" min="5.5" max="20" precision="2" required="true" missingMessage="必须填写5.5~10之间的数字"  
4、验证必须是日期yyyy-MM-dd（只能选择不可编辑）  
  
class="easyui-datebox" required="true" missingMessage="日期必须填写" editable="false"  
//如果需要填写其他格式的类型请自行修改formatter函数

5、验证必须是邮件  
class="easyui-validatebox" missingMessage="邮件必须填写" validType="email" invalidMessage="请填写正确的邮件格式"

6、页面时间段判断 name为s1的时间必须大于name为s2的时间 s3必须大于s2

7、询问对话框提交：  
function Confirmbtn(msg, control) \{  
$.messager.confirm('确认', msg, function (r) \{  
if (r) \{  
\_\_doPostBack("ctl00$ContentPH\_Main$Button1", "");  
//alert('aa');  
\}  
\});  
return false;  
\}

OnClientClick="return Confirmbtn('确认吗？', this);

发表评论取消回复

表情：

评论列表（有 0 条评论，150人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery easyui show dialog 的使用

<div id="addproject-div-list" title="新增项目信息" ></div> $('addproject-div-list').s

绝地灬酷狼/ 2022年08月27日 10:47/ 0 赞/ 173 阅读

相关 jquery easyui datebox 的使用

<input type="text" id="starttime" name="starttime" class="easyui-datetimebox" style=

淩亂°似流年/ 2022年08月27日 10:47/ 0 赞/ 173 阅读

相关 jquery easyui 验证框的使用

使用过程中的一积累，备查。 EasyUI 验证框使用方法: // 0、调用数据验证方法 return $("\form1").form('validate');

心已赠人/ 2022年08月26日 03:44/ 0 赞/ 151 阅读

相关 Jquery easyui tree的使用

这个ui用的一切都是json数据。树也是如此！后台需要返回与格式匹配的json数据才能正确加载树。页面定义一个ui： <ul id="messageInfoA

客官°小女子只卖身不卖艺/ 2022年08月11日 15:30/ 0 赞/ 202 阅读

相关 jQuery EasyUI - DateTimeBox 日期时间框

扩展自 $.fn.datebox.defaults。用 $.fn.datetimebox.defaults 重写了 defaults。 ![jeasyui_dateti

￡神魔★判官ぃ/ 2022年07月15日 14:15/ 0 赞/ 264 阅读

相关 jquery EasyUI 的下拉框内容自动过滤

环境：jquery EasyUI 1.4.1 关于内容自动过滤的下拉框涉及2种 combobox（又combo扩展而来）、 combogrid（又combo和datagrid

你的名字/ 2022年07月14日 01:53/ 0 赞/ 388 阅读

相关 jQuery EasyUI API 中文文档 - 组合框（ComboBox）

(学习留存，如有侵权，请告知，立刻删除！) ComboBox 组合框扩展自 $.fn.combo.defaults。用 $.fn.combobox.defau

r囧r小猫/ 2022年04月23日 11:14/ 0 赞/ 364 阅读

相关 EasyUI EasyUI combogrid 组合框使用

1.开启分页、两个组合框级联、选中赋值等功能 <select class="easyui-combogrid" id="clientls" style="width

缺乏、安全感/ 2021年10月24日 01:36/ 0 赞/ 500 阅读

相关 jQuery EasyUI -ComboBox（下拉列表框）使用

注：[https://www.cnblogs.com/huoxiansudi/p/6588308.html][https_www.cnblogs.com_huoxiansudi

痛定思痛。/ 2021年09月27日 11:04/ 0 赞/ 390 阅读

相关 jQuery EasyUI parser 的使用场景

jQuery EasyUI parser 的使用场景 2012年03月07日 ⁄ [parser][] ⁄ 共 1237字 ⁄ [评论数 1][1] ⁄ 被围观 18,7

灰太狼/ 2021年06月24日 14:00/ 0 赞/ 298 阅读