[JS]簡単なフォームバリデーション

この記事について

JavaScriptの学習の記録。
学習している書籍の演習問題をヒントにBMI測定プログラムを作りました。
(掲載のコードは書籍に記載のコードではありません。)
フォームのバリデーションや正規表現について記載しています。

学習書籍
いちばんやさしいJavaScriptの教本 第2版 ECMAScript 2017（ES8）対応 人気講師が教えるWebプログラミング入門 「いちばんやさしい教本」

作ったもの

BMI測定

機能
・全角入力してもjs側で半角にしてから計算する
・数値以外の文字が入力されていた場合は注意文言を表示

バリデーションチェック部分JS

文字列の判定は「JS 正規表現 数値」などで検索すると参考サイト出てきます。
記号付きや桁数の指定もできるようです。

// 全角→半角変換（数字のみ）
function changeStrHalf(str) {
    return str.replace(/[０-９]/g, function(s) {
        return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
    });
}

// 数値で入力されているかチェック
function isNum(num){
    var pattern = /^[0-9]+$/;
    return pattern.test(num);
}

参考サイト：
[JavaScript] 全角⇔半角の変換を行う（英数字、カタカナ）
正規表現を用いて JavaScript で数値チェックを行う方法