Question

JS问题 如何一个input为空值 让另一个input添加属性？

<input type="datetime" name="yuyue_time" value="{$content->yuyue_time}" class="layui-input date A" autocomplete="off">

<input type="datetime" name="next_time" value="{$content->next_time}" class="layui-input date B" autocomplete="off">

如果第二个input B为空
如何用 JS 让 第一个input A 添加
变成
<input type="datetime" name="yuyue_time" value="{$content->yuyue_time}" class="layui-input date A" lay-verify="required" autocomplete="off">

Answer 1

<script>
$(".B").blur(function (){//当input B失去焦点时触发
var valueb = $(this).val();
if(valueb==''){//当input B没有值时给input A增加属性
$(".A").attr("lay-verify","required");
}
})
</script>
望采纳

追问

还差一点， 就是我刚刚试了 如果我不先点击B 触发失去焦点 就不会触发你这个JS

这个可以 ，但是还有一点点问题。 就是 靠value是否有值 不靠谱，
能不能用是否input输入了内容 为条件
因为 value值 这个的话， 会一直B没有值 弹A需要输入值
我这边如果A没有值，B没有值， 就必须要输入A，或者A没有值 B有值 是可以正常提交的
麻烦你了 等会给您加分

这边有隐藏 value没提交是看不到value值的 诶

追答

如果是有框架渲染，那么框架应该会提供获取input框值的方法的
看你这个属性，好像是layui，你可以上网找找layui的input框获取value值的方法

Answer 2

<script>
$(function(){
function setreq(){
$(".B").val()?$(".A").removeAttr("lay-verify"):$(".A").attr("lay-verify","required");
}
$(".B").on("input",setreq);
setreq();
});
</script>