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">

<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值的方法

温馨提示:内容为网友见解,仅供参考
第1个回答  2020-08-28
<script>
$(function(){
function setreq(){
$(".B").val()?$(".A").removeAttr("lay-verify"):$(".A").attr("lay-verify","required");
}
$(".B").on("input",setreq);
setreq();
});
</script>
相似回答