您可以使用jQuery来实现这一点。
首先,您需要将脚本添加到functions.php
function my_theme_scripts() {
wp_enqueue_script( \'my-great-script\', get_site_url() . \'/js/my-great-script.js\', array( \'jquery\' ), \'1.0.0\', true );
}
add_action( \'wp_enqueue_scripts\', \'my_theme_scripts\' );
然后,在你的文件中(
my-great-script.js
), 你必须有这样的东西:
jQuery( ".form-submit" ).click(function(event) {
if( !jQuery("input[name=\'author\']").val() ) {
event.preventDefault();
jQuery("#author").css({"border-color": "red", "border-style": "solid", "border-width": "5px"});
}
});
form-submit 是submit按钮的类,因此当用户单击它时,我们将使用jQuery检查author字段是否为空(
!jQuery("input[name=\'author\']").val()
), 下一行是阻止submit按钮触发的,最后我们更改了author字段的CSS,以便将其高亮显示为红色。
您还提到了一条消息,上面写着“请写一个名字”,我没有提到这一点,但您明白了,您可以使用该消息轻松创建一个div元素,将其隐藏起来,然后再次使用jQuery将其与红色边框一起显示。
我在one of my test servers 如果您想查看,只需单击“发表评论”,而不填写任何作者姓名。