js 生成的html class属性失效问题
2024-10-20 20:00:43
var html = '<fieldset class="struct-info" id="SlopeZY"><legend>变坡点(ZY)</legend>';
html += '<input type="hidden" id="SlopeZYId" name="SlopeZYId"/>';
if (me.Paras.IsUseCircle != undefined && me.Paras.IsUseCircle == 'True') {
html += '<div class="row"><label for="SlopeZYStartCircle">开始环号:</label><input id="SlopeZYStartCircle" type="text" class="easyui-numberbox" precision="0" max="999999999" maxlength="16" min="-999999999" /></div>';
html += '<div class="row"><label for="SlopeZYEndCircle">结束环号:</label><input id="SlopeZYEndCircle" type="text" class="easyui-numberbox" precision="0" max="999999999" maxlength="16" min="-999999999"/></div>';
}
html += '<div class="row"><label for="SlopeZYStartMileage">开始里程:</label>' + me.Paras.prefix +'<input id="SlopeZYStartMileage1" type="text" class="easyui-validatebox" data-options = "validType:'numberWithZero'" precision="8" max="999999999" maxlength="16" min="-999999999" style="width:68px;"/>+<input id="SlopeZYStartMileage2" type="text" class="easyui-validatebox" data-options = "validType:'double'" precision="8" max="999999999" maxlength="16" min="-999999999" style="width:68px;"/></div>';
html += '<div class="row"><label for="SlopeZYEndMileage">结束里程:</label>' + me.Paras.prefix +'<input id="SlopeZYEndMileage1" type="text" class="easyui-validatebox" data-options = "validType:'numberWithZero'" precision="8" max="999999999" maxlength="16" min="-999999999" style="width:68px;"/>+<input id="SlopeZYEndMileage2" type="text" class="easyui-validatebox" data-options = "validType:'double'" precision="8" max="999999999" maxlength="16" min="-999999999" style="width:68px;"/></div>';
html += '</fieldset>';
html += '<fieldset class="struct-info" id="SlopeYZ"><legend>变坡点(YZ)</legend>';
html += '<input type="hidden" id="SlopeYZId" name="SlopeYZId"/>';
if (me.Paras.IsUseCircle != undefined && me.Paras.IsUseCircle == 'True') {
html += '<div class="row"><label for="SlopeYZStartCircle">开始环号:</label><input id="SlopeYZStartCircle" type="text" class="easyui-numberbox" precision="0" max="999999999" maxlength="16" min="-999999999"/></div>';
html += '<div class="row"><label for="SlopeYZEndCircle">结束环号:</label><input id="SlopeYZEndCircle" type="text" class="easyui-numberbox" precision="0" max="999999999" maxlength="16" min="-999999999"/></div>';
}
html += '<div class="row"><label for="SlopeYZStartMileage">开始里程:</label>' + me.Paras.prefix +' <input id="SlopeYZStartMileage1" type="text" class="easyui-validatebox" data-options = "validType:'numberWithZero'" precision="8" max="999999999" maxlength="16" min="-999999999" style="width:68px;"/>+<input id="SlopeYZStartMileage2" type="text" class="easyui-validatebox" data-options = "validType:'double'" precision="8" max="999999999" maxlength="16" min="-999999999" style="width:68px;"/></div>';
html += '<div class="row"><label for="SlopeYZEndMileage">结束里程:</label>' + me.Paras.prefix +' <input id="SlopeYZEndMileage1" type="text" class="easyui-validatebox" data-options = "validType:'numberWithZero'" precision="8" max="999999999" maxlength="16" min="-999999999" style="width:68px;"/>+<input id="SlopeYZEndMileage2" type="text" class="easyui-validatebox" data-options = "validType:'double'" precision="8" max="999999999" maxlength="16" min="-999999999" style="width:68px;"/></div>';
html += '</fieldset>';
$('.content').append(html);
问题描述:通过js添加的输入框,带有easyui-validatebox 验证,但是到前台后,发现验证失效了。
解决办法:在append方法调用后 添加 $.parser.parse($('.content')); 手动激活有效性。
最新文章
- jQuery升级踩坑大全
- try throw catch
- IBatis一对多嵌套查询
- Spark Streaming揭秘 Day28 在集成开发环境中详解Spark Streaming的运行日志内幕
- Windows下Android SDK Manage下载速度缓慢的解决方法
- absolute之实现居中的三种方式
- Codeforces 229D Towers
- CKEditor和CKFinder整合实现上传下载功能
- 用 managedQuery() 时须要注意的一个陷阱
- 第一百一十七节,JavaScript,DOM元素尺寸和位置
- Java语言跨平台原理
- linux下用split命令将一个大的文件拆分成若干小文件
- Android事件总线EventBus详解
- java异常处理try catch finally
- SpringMVC对ServletAPI的支持和JSON格式的转换
- Unique Snowflakes UVA - 11572 (离散化+尺取法)
- C#从入门到精通视频教程(2009年最新)- 视频列表
- centos7 关闭 防火墙
- node.js 开发桌面程序, 10个令人惊讶的NodeJS开源项目
- VBA 对比两行数据