如何在提交时验证文本框？

Question

在提交时，我想验证文本框，但它不起作用。

 $( "#add" ).submit(function( event ) {
      event.preventDefault();
    if ( $( "#key" ).val() === "" ) {
        $( "span .valuewarning" ).text( "Please Enter Word" ).show();
        return;
      }
    else if($( "#value" ).val() === "")
            {
        $( "span .wordwarning" ).text( "Please Enter Meaning" ).show();
        return;
      }

Answer 1

如果您使用class =＆＃39; valuewarning＆＃39;来定位范围。要显示错误消息，您需要删除span和class.i.e之间的空格，

$( "span .valuewarning" )应为$( "span.valuewarning" ); $( "span .wordwarning" )应为$( "span.wordwarning" );

在span和class之间添加空格意味着在span元素中查找具有该类的元素。