EasyUI DataGrid 编辑数据 加邮箱验证 Input 邮箱验证
  C5bk9rm9TFUo 2023年11月02日 133 0


 

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="#" οnclick="saverow('+index+')">保存</a> ';
                                var c = '<a href="#" οnclick="cancelrow('+index+')">取消</a>';
                                return s+c;
                            } else {
                                var e = '<a href="#" οnclick="editrow('+index+')">编辑</a> ';
                                var d = '<a href="#" οnclick="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="邮箱格式不正确" />

 

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读