如何在JavaScript onclick事件中同时校验prompt的空值与Null？

嘿，其实很简单，直接把两个校验条件用逻辑与（&&）合并就行，而且记得把prompt的结果存到变量里，避免点一次链接弹两次输入框的尴尬情况～这里给你两种实用的写法：

严谨版（处理空白字符） #

<a href="#" onclick="const userInput = prompt('Enter title for new player:'); return userInput !== null && userInput.trim() !== '';">Duplicate</a>

这里我加了trim()，能自动过滤掉空格、制表符这类空白字符——毕竟用户只输入空格的话，本质上和空字符串没区别对吧？这个版本把所有无效情况（点取消返回null、输入空字符串、输入全空白）都拦住了。

简洁版（利用真值特性） #

如果你的场景里，只要输入不是null、不是空内容就通过，还可以用更短的写法：

<a href="#" onclick="const userInput = prompt('Enter title for new player:'); return userInput?.trim();">Duplicate</a>

原理是：userInput?.trim()会先检查userInput是不是null/undefined，是的话直接返回false；如果有值，就去掉前后空白，要是结果是空字符串，也会被当成false处理，刚好覆盖你要的两种校验场景，还顺带解决了空白字符的问题。

这样写既合并了校验逻辑，又优化了用户体验，完美适配你的需求～

内容的提问来源于stack exchange，提问作者Toniq