formタグへのjQueryの複数条件チェックについて

Question

閲覧ありがとうございます。
下記問題を解決するのにご助言をいただきたいです。

前提・実現したいこと

if条件を2つともクリアした際、正常に処理が完了したことを確認するためにコンソール（正常のテキスト）をコンソールに表示させたいです。

発生している問題・エラーメッセージ

エラーメッセージは表示されていません。
現在起きている問題として、jQueryのif文に表記されている2つの条件をクリアしても、elseに指定している処理（コンソールに正常の文言を表示）が実行されていない状況です。
想定では条件2つがクリアしていればsubmitのボタンを押下時に、コンソールへ正常のテキストが表示されるかなと思っているのですが...

該当のソースコード

<form class="match" action="index.html" method="post">
  <table class="wrap">
    <tr class="postal">
      <th>郵便番号</th>
      <td><input type="text" name="postal_code" class="postal__form" value=""></td>
      <p class="error_postal">郵便番号の形式が正しくありません。</p>
    </tr>
  </table>
  <input type="submit" name="submit" class="check_btn" value="入力チェック">
</form>

.wrap {
    text-align: left;
    margin-top: 2%;
}
.postal__form {
    margin-left: 5%;
}
.error_postal {
    display: none;
    color: #f00;
}
.check_btn {
    background-color: #dcf;
    border: 1px solid #333;
    border-radius: 1.7em;
    box-sizing: border-box;
    padding: 8px;
    margin-top: 2%;
}

$(function(){
  $('input[name=submit]').on('click', function(){

    var postalcode = $('input[name=postal_code]').val();

    //郵便番号未入力時、もしくは半角数字以外入力時にエラー表示
    if((postalcode == "") || (!postalcode.match(/^\d+$/))){
      $('.error_postal').fadeIn('fast');
      return false;
    //いずれも問題ない
    } else {
      console.log('正常');
      return true;
    }
  });
});

お手数ですが、修正部分をご指摘いただけると幸いです。

Answer 1

期待通りに正常と出力されているように見えます。
https://jsfiddle.net/2qwn6vLh/1/show

ところで、これは蛇足ですがHTML5からはpattern属性を使うと正規表現で入力形式を指定できま
す。

<input type="text" name="postal_code" class="postal__form" value="" pattern="^\d+$">

Comments

[nagano0141cafe]

ご確認ありがとうございます。
html5の新機能全部把握しきれていないのでご指摘非常にありがたいです！
次回からの制作物で正規表現つける場合はそのようにさせていただきます！
ありがとうございました！

Answer 2

submitした場合は、画面がレンダリングされるので、onClick移行の処理は実行されていないです。

Form関連でJSを実装したい場合は、 type="submit"ではなくtype="button"を使用します。
if文でいうと正常の場合にJSでsubmit()を実行します。