DataGrid: JSP: <th data-options="field:'email_mail',width:465,editor:'validatebox', editor:{type:'validatebox',options:{required:true,validType:'email'}}">邮箱</th> JS: columns:[[ {field:'no',title:'编号',width:50,editor:'numberbox'}, {field:'name',title:'名称',width:60,editor:'text'}, {field:'addr',title:'地址',width:100,editor:'text'}, {field:'email',title:'电子邮件',width:100, editor:{ type:'validatebox', options:{ validType:'email' } } }, {field:'birthday',title:'生日',width:80,editor:'datebox'}, {field:'action',title:'操作',width:70,align:'center', formatter:function(value,row,index){ if (row.editing){ var s = '<a href="#" onclick="saverow('+index+')">保存</a> '; var c = '<a href="#" onclick="cancelrow('+index+')">取消</a>'; return s+c; } else { var e = '<a href="#" onclick="editrow('+index+')">编辑</a> '; var d = '<a href="#" onclick="deleterow('+index+')">删除</a>'; return e+d; } } } ]], validType:'email' 为邮箱验证 required:true 为必输项 input: <input class="easyui-validatebox" validtype="email" required="true" missingMessage="不能为空" invalidMessage="邮箱格式不正确" /><br /> 或 <script> $(function () { //设置text需要验证 $('input[type=text]').validatebox(); }) </script> <input type="text" validtype="email" required="true" missingMessage="不能为空" invalidMessage="邮箱格式不正确" />
相关推荐
JS EasyUI DataGrid动态加载数据
两种方法将easyui datagrid 中的数据导出到Excel中,均以验证可以正常使用
easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格
在easyui 的datagrid编辑状态下实时更新其他处于编辑或者没在编辑下的列值,并在结束编辑后得到的row的数据为更改后的数据。
easyui datagrid editor回车切换单元格示例,适合熟悉easyui但又不懂如何做的人员,可能参考一下源码JS。
jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!
EasyUI DataGrid过滤用法实例
easyui的datagrid的数据渲染
解决EasyUIdataGrid列比较多,无数据,列展现不全
easyUI datagrid 自动调整行号大小
easyUI datagrid 行上移,下移,置顶,置底的方法
修改上一个资源版本中结束编辑时combobox显示问题. 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而...
本文给大家分享jQuery EasyUI编辑DataGrid用combobox实现多级联动效果的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
easyui datagrid 多条件筛选 可复选 过滤 例如过滤200-300 500-600 类似淘宝筛选 但允许复选
jquery easyui 扩展 datagrid 自定义动态隐藏显示列
easyui datagrid 行编辑时 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而不是text问题。
一个update扩展方法 文档中一种是比较笨的方法 一次只能修改一个列而且受列编辑类型影响(比如number datetime)扩展一次编辑多列,不受编辑类型影响,没有编辑属性也可以。
jquery easyui demo 网页下载下来打包了,还有datagrid简要说明
easyui datagrid 导出到excel,图解
easyui datagrid 嵌套datagrid form 简单提交 ,刷新子表数据