EasyUi 手机号码,邮箱,remote验证
2016-01-15 09:46
459 查看
页面:
表单提交
源码地址:https://github.com/LimxBoys/BaseJava
页面位置:BaseJava/src/main/webapp/views/limx/user.jsp
<form id="form2" style="padding:10px 20px 10px 40px;"> <p> 登录名: <input id="loginName2" class="easyui-textbox" name="loginName" data-options="required:true" validType="remote['<%=basePath%>/user/findbyloginname.do','loginName']" missingMessage="登录名不能空" invalidMessage="用户名已存在" type="text" > </p> <p> 密码: <input id="password2" class="easyui-textbox" name="password" data-options="required:true" missingMessage="密码不能空" type="password"> </p> <p> 姓名: <input id="displayName2" class="easyui-textbox" name="displayName" data-options="required:true" missingMessage="姓名不能空" type="text"> </p> <p> 邮箱: <input id="email2" class="easyui-textbox" validType='email' name="email" data-options="required:true" missingMessage="邮箱不能为空" invalidMessage="请输入正确的邮箱" type="text"> </p> <p> 电话: <input id="contactPhone2" class="easyui-textbox" validType='phoneNum' name="contactPhone" data-options="required:true" missingMessage="电话不能空" type="text"> </p> <div> <font size="3" style="">请选择角色:</font> </div> <br /> <div id="rolelistAdd1" style="height: 400"></div> <!-- <br> <div style="padding:5px;text-align:center;"> <a href="javascript:add()" class="easyui-linkbutton" icon="icon-ok">Ok</a> <a href="javascript:Cancel()" class="easyui-linkbutton" icon="icon-cancel">Cancel</a> </div> --> </form>js代码:
$.extend($.fn.validatebox.defaults.rules, { phoneNum: { //验证手机号 validator: function(value, param){ return /^1[3-8]+\d{9}$/.test(value); }, message: '请输入正确的手机号码。' }, telNum:{ //既验证手机号,又验证座机号 validator: function(value, param){ return /(^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$)|(^((\d3)|(\d{3}\-))?(1[358]\d{9})$)/.test(value); }, message: '请输入正确的电话号码。' } });
表单提交
function add(){ var roleIds = []; var roleIdAdd=$("#rolelistAdd").datagrid("getSelections"); for ( var i = 0; i < roleIdAdd.length; i++) { roleIds.push(roleIdAdd[i].id); } $('#form2').form('submit',{ url:'<%=basePath%>/user/add.do', method:'post', onSubmit : function(param) { param.roleIdAdd = roleIds; return $("#form2").form('validate'); }, success : function(data) { var data = eval('(' + data + ')'); if (data.result) { $("#addWindow").dialog('close'); $("#user").datagrid('reload'); } } }); // submit the form }
源码地址:https://github.com/LimxBoys/BaseJava
页面位置:BaseJava/src/main/webapp/views/limx/user.jsp
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android之获取手机上的图片和视频缩略图thumbnails
- android wifi 无线调试
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- easyui------显示隐藏列功能
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- JavaScript 各种遍历方式详解
- 数组方法汇总
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码