<div id="search_ebook_vcode" style="display: none;">
<div class="layui-form" style="margin: 10px;">
<div class="layui-form-item">
<label class="layui-form-label">验证码</label>
<div class="layui-input-block">
<input type="text" name="search_vcode" id="search_vcode" placeholder="请输入验证码" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<img id="captchaPic" src="{$cfg[weburl]}index.php?comment-vcode-name-searchvcode" onclick="this.src='{$cfg[weburl]}index.php?comment-vcode-name-searchvcode-r-'+Math.random();" alt="验证码">
</div>
</div>
</div>
</div>
<script>
layui.use(['form','layer'], function () {
var layer = layui.layer, $ = layui.$, form = layui.form;
$(".search_ebook").click(function () {
var keyword = $('input[name="keyword"]').val();
if(keyword == ''){
layer.msg("请输入搜索关键字", {icon: 5});
}else{
layer.open({
id: 'search_open',
type: 1,
title: '请输入验证码',
shade: 0.6,
shadeClose: true,
maxmin: true,
anim: 0,
content: $("#search_ebook_vcode").html(),
btn: ['确定', '取消'],
btn1: function(index, layero){
var search_vcode = $("#search_vcode").val();
alert(search_vcode);
}
});
}
});
});
</script>
点击【确定】就是不能获取input的值,总是为空字符串。
后来在网上查找资料,原来这是个比较普遍的bug,原来是layer.open的content参数,应该写成
content: $("#search_ebook_vcode"),
不要后面的html(),去掉后调试正常获取了input的值。
特此记录~~~
layer.open({
id: 'search_open',
type: 1,
title: '请输入验证码',
shade: 0.6,
shadeClose: true,
maxmin: true,
anim: 0,
content: $("#search_ebook_vcode"),
btn: ['确定', '取消'],
btn1: function(index, layero){
var search_vcode = $("#search_vcode").val();
alert(search_vcode);
}
});
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论