JavaScriptで作った関数をhtml内のonblurで読み込もうとするが、機能せず「関数 is not defined」というエラーが出る。

Question

JavaScript見習いなので、まだ分からない事だらけです。できるだけ詳しく教えて頂けると嬉しいです！！！

下の写真のように、ラジオボタンで、性別をチェックする仕様を作りたいです。

でも、以下のjsコードだと、赤文字エラーの「＊必須項目です」が出ません。
デベロッパツールのコンソールには

というエラー文が出ます。
どなたか教えて下さい、よろしくお願いします！！！

const sexCheck = function(){
    if( ($("#man").get(0).checked == false) && ($("#woman").get(0).checked==false ) ){
        $("#sexError").show();
        return false;
    }else{
        $("#sexError").fadeOut();
        return true;
    }
}

                <tr>
                    <th>性別<span style="color:red;">*</span></th>
                    <td>
                        <input type="radio" name="sex" id="man" onblur="sexCheck()" > <label for="man">男性</label>
                        <input type="radio" name="sex" id="woman" onblur="sexCheck()" > <label for="woman">女性</label>
                         <span id="sexError">＊必須項目です</span>
                    </td>
                </tr>

#sexError{
    color:red;
    display:none;
}

Comments

[x_x]

再現しません。別のどこかでsexCheck()を呼んでいるのではありませんか？

[Beginnerrr]

すみません、未熟者で「別のどこか」の意味が理解できません。よければもう少し分かりやすく教えて頂けないでしょうか？

[x_x]

コードが断片でしかないからそういったまでです。再現するコードは出せないのでしょうか？

[Beginnerrr]

すみません、違うjsファイルを読み込んでいたのが原因でした。しょうもないミスでお騒がせして申し訳ありませんでした。。。　それと、再現コード全体を記述しようとしたのですが文字数制限で出せませんでした。。。　すみませんでした。

Answer 1

動くサンプル：https://jsfiddle.net/8L2gwv4n/

---

script要素に提示のjsが書かれているなら動くと思います。
ただ、jQueryを使うならそちらでイベント処理するするほうが良いと思います。

【.blur() | jQuery API Documentation】
https://api.jquery.com/blur/

【jQuery： 要素にフォーカスが当たった／外れた時の処理を実装するには？（focus、blur、focusin、focusout） - Build Insider】
https://www.buildinsider.net/web/jqueryref/028

【jQueryの.on()で使えるイベントの種類と記述例 | 0017】
https://0017.org/971.html

Answer 2

読み込むjsファイルが異なっていただけでした。。。