(如图:)bootstrap页面,当select选择项为-其他原因时,出现下方的textarea;当选择项为其他时,不填写原因,此时textarea被隐藏。textarea为必填,属性required;
问题:当select选择项不是-其他原因时,此时下方的textarea是隐藏的,但是required属性还在,此时谷歌浏览器下提交表单会报错:An invalid form control with name='' is not focusable.表单不能提交;
我的解决办法:当selected选项不是-其他原因,此时下方的textarea隐藏,同时移除他的required属性;同理显示的时候也需要添加上。
$('#selected').attr('required','true')
$('#selected').removeAttr('required')