jQuery Validation Engine验证模拟的下拉列表非select
来源:互联网 发布:网络营销策划书怎么写 编辑:程序博客网 时间:2024/05/16 11:41
select标签样式无法做到精美的地步,一般都用 span input等模拟出一个下拉列表,就可以做出各种精美的样式了。但是验证就有点纠结了,因为大家模拟的方法都不一样,所以Validation 很难支持这种校验,在网上找了半天没有找到一个好的解决方法,自己做好后就想把这个方法分享给大家。
<tr><td>是否启用:</td><td><input id="isActive" name="isActive" class="validate[required]" data-prompt-position="topRight:145,222" type="hidden" /><div class="dropbox l selectBox selectBox-dropdown"> <div class="dropbox-hd J-dropHd "> <i></i><span id="isActiveSpan" class="J-sel selectBox-label">请选择</span> </div> <div class="dropbox-bdwrap J-dropBdWrap"> <ul class="dropbox-bd "> <li><a rel="启用" href="###" onclick="javascript:$('#isActive').val('1')">启用</a></li> <li><a rel="禁用" href="###" onclick="javascript:$('#isActive').val('0')">禁用</a></li> </ul> </div></div></td></tr>这是一个用span Ul 和LI模拟出来的下拉列表,使用一个隐藏的input来存储value。
注意的是这个其实是对隐藏的input校验。 data-prompt-position是对偏移量设置 topRight 使用上右侧提示框样式,并且x,y定义偏移量。
<pre code_snippet_id="407935" snippet_file_name="blog_20140627_3_3464332" name="code" class="javascript"><script type="text/javascript">$(function(){$("#dictionaryAddForm").validationEngine({ showOnMouseOver: false, scroll:true, validateNonVisibleFields:true });});</script>
上面是声明form校验。
validateNonVisibleFields:true这个属性是让插件校验隐藏的input。
OK!搞定,各位亲,展示下效果。
0 0
- jQuery Validation Engine验证模拟的下拉列表非select
- jQuery Validation Engine 表单验证
- jQuery Validation Engine 表单验证
- jQuery Validation Engine 表单验证
- jQuery Validation Engine 表单验证
- jQuery Validation Engine 表单验证
- jQuery Validation Engine 表单验证
- jQuery Validation Engine 表单验证
- jQuery Validation Engine 表单验证
- jQuery Validation Engine 表单验证
- jQuery Validation Engine 表单验证
- jQuery Validation Engine 表单验证
- jQuery Validation Engine Ajax验证
- jQuery Validation Engine 表单验证
- jQuery Validation Engine 表单验证
- jQuery Validation Engine 表单验证
- jQuery Validation Engine 表单验证
- jQuery Validation Engine 表单验证
- 阅读者之JAVA小记---引 言
- Android学习准备一
- Structure 2014热门技术及趋势观察
- 位域(bit fields)
- poj 3678 2-sat
- jQuery Validation Engine验证模拟的下拉列表非select
- oracle的游标
- PAT(B) 101-111-1-2014-03-01
- /dev下添加设备节点的方法步骤
- oracle 字段的值无法完全显示
- 自定义Android横向网格列表控件HorizontalGridView(二)
- 摄像机的标定
- linux udp组播接收问题及原理分析
- LeetCode——Path Sum II