Javascript 颜色输入'；未输入任何内容时，s边框不'；行不通

我有一个输入文本，它必须是表单工作的东西

因此，我希望在

确认

按钮中添加一些功能，用于检查输入字段是否为空，如果为空，则重新设置该输入的边框

我正在做以下工作：

$（函数mainListeners（）{
“严格使用”；
var confirm=$（'addNewConfirm'）；
var cancel=$（“#addNewCancel”）；
var eventBox=$（'eventname_input'）；
log（“RUNS！！”）；
confirm.onclick=函数（e）{
if（eventBox.val（）=''）{
//所以如果我们有一个空事件
//回忆边界。
log（“更改！！”）；
css（'border-color'，'#d81919'）；
}否则{
}
}
});

证实
取消
活动：
使用JQuery函数而不是像这样单击：


$（文档）.ready（函数（）{
var确认=$（“#添加新确认”）；
var cancel=$（“#addNewCancel”）；
var eventBox=$（“#eventname_input”）；
log（“RUNS！！”）；
确认。单击（功能（e）{
如果（！eventBox.val（））{
log（“更改！！”）；
css（“边框颜色”，“#d81919”）；
}否则{
css（“边框颜色”，“继承”）；
//随便你
}
});
});

证实
取消
活动：
尝试使用设置单击事件（.click（））的Jquery方法或检索DOM元素（document.getElementById（））的普通JS方法

下面是一个变化的工作示例！！接到电话


$（函数mainListeners（）{
“严格使用”；
var confirm=document.getElementById（'addNewConfirm'）；//以这种方式获取DOM元素，或参见下面的单击
var cancel=$（“#addNewCancel”）；
var eventBox=$（'eventname_input'）；
log（“RUNS！！”）；
confirm.onclick=function（e）{//或将其更改为CLICK（）
if（eventBox.val（）=''）{
//所以如果我们有一个空事件
//回忆边界。
log（“更改！！”）；
css（'border-color'，'#d81919'）；
}否则{
}
}
});

证实
取消
活动：
事实上，
onclick
是普通的Javascript，您正试图在confirm jQuery对象上使用它

要修复它，可以使用
confirm[0]。单击=函数（e）
语法或
confirm。单击（函数（e）
。我建议您使用jQuery语法：如果您加载此库，我们鼓励您使用它以增强可读性。
什么是
事件
？重命名出错xd现在编辑内容，请稍候。jQuery没有
确认。单击
右键，您可以使用$（确认）。on（'click'））或者将属性
onClick
添加到具有
id=addNewConfirm
的元素中。此外，您需要检查空值以及
'
值。lol有人将此标记为“主题外，与编程无关”xd s/他当时一定是某个硬核程序集开发人员