javascriptの.submitでif文を使う時のエラー

$('#form').submit(function() {
        
        // form1が空のとき、エラー文を表示してください
        if ( $('.form1').val() === '') {
            $('.error-message-1').text('入力してーーー');
        } else {
            $('.error-message-1').text('');
        }

        return false;
      });

入力してーーー！と表示されない時のエラー。

if ( $('.form1').val() === '')の、クラスの.form1が、
htmlの

<input class="form1" type="text" placeholder="山田 太郎" name="userName">

input内のクラスに名付けないと反応しない。