エントリーシートの入力エラー（JavaScript)がうまく表示されません。

Question

エントリーシートを作成したのですが、javascriptで作成した入力エラー表示がでません。
ローカルで確認すると作動するのですが、サイトにあげると表示が出ません。
googleで検証したのですが、
「js:70 Uncaught SyntaxError: Invalid regular expression: missing /」と表示されました。

//全角チェック
case 0:
if(value.match(/^[^ -~｡-ﾟ]*$/)){ ←７０行目はここの部分なのですが、
「/（スラッシュ）」が抜けているということなのでしょうか？

jsは全くの初心者で、エラーの意味もわかりません。
入力エラーが表示される様にするにはどうしたらいいのか、教えていただけますでしょうか。

どうぞよろしくお願いいたします。

<div class="prof_form">
<form id="entryForm" method="post">

<table>
<tr>
<th scope="row" class="item"><label for="formName">お名前（漢字）</label></th>
<td class="hissu">必須</td>
<td ><input type="text" name="formName" id="formName" placeholder="販促 太郎" ></td>
</tr>

<tr>
<th scope="row" class="item"><label for="formFurigana">ふりがな（ひらがな）</label></th>
<td class="hissu">必須</td>
<td><input type="text" name="formFurigana" id="formFurigana" placeholder="はんそく たろう"></td>
</tr>

<tr>
<th scope="row" class="item"><label for="formPostcode">郵便番号</label></th>
<td class="hissu">必須</td>
<td><input type="text2" name="formPostcode" id="formPostcode" placeholder="100 - 1000"></td>
</tr>

<tr>
<th scope="row" class="item">都道府県 </th>
<td class="hissu">必須</td>
<td><select name="address">
<option value="" selected="selected">選択して下さい</option>
<optgroup label="北海道・東北地方">
<option value="北海道">北海道</option>
<option value="沖縄県">沖縄県</option>
</optgroup>
</select>
</td>
</tr>

<tr>
<th scope="row" class="item"><label for="formAdd">ご住所</label></th>
<td class="hissu">必須</td>
<td ><input type="text" name="formAdd" id="formAdd" placeholder="東京都" ></td>
</tr>

<tr>
<th scope="row" class="item"><label for="formTell">電話番号</label></th>
<td class="hissu">必須</td>
<td><input type="text" name="formTell" id="formTell"  placeholder="100-0005-0005" ></td>
</tr>
<tr>

<th scope="row" class="item"><label for="formMail">メールアドレス</label></th>
<td class="hissu">必須</td>
<td><input type="text" name="formMail" id="formMail" placeholder="[e-mail]"></td>
</tr>
</table>
</form>
</div>

$(function(){

	function setentryForm(target){

		var ERROR_MESSAGE_CLASSNAME = 'errorMsg'; //エラー時のメッセージ要素のclass名
		var ERROR_INPUT_CLASSNAME = 'errorInput'; //エラー時のinput要素のclass名

		var items = []; //チェック対象となるテキスト入力要素を格納した配列
		var addressObj; //チェック対象となるselect要素のセレクタを格納した変数
		var genreObj; //チェック対象となるcheckbox要素のセレクタを格納した変数

		//項目チェックする
		function checkAll(){
			var errorCount = 0;
			//input,textareaのチェック
			for( var i=0; i<items.length; i++ ){
				if( items[i].prop('isSuccess') == false ){
					errorCount++;
				};
			};
			//selectのチェック
			if( addressObj.prop('isSuccess') == false ){
				errorCount++;
			};
			//チェックボックスのチェック
			if( genreObj.isSuccess == false ){
				errorCount++;
			};
			//エラーカウントが0であれば、エラー無し
			if( errorCount == 0 ){
				target.find('input[type=submit]').attr('disabled', false);
			}else{
				target.find('input[type=submit]').attr('disabled', true);
			};
		};

		//エラーメッセージの追加
		function addErrorMessage(selector, msg){
			removeErrorMessage(selector);
			selector.before('<span class="'+ERROR_MESSAGE_CLASSNAME+'">'+msg+'</span>');
			selector.addClass(ERROR_INPUT_CLASSNAME);
		};

		//エラーメッセージの削除
		function removeErrorMessage(selector){
			var msgSelector = selector.parent().find('.'+ERROR_MESSAGE_CLASSNAME);
			if( msgSelector.length != 0 ){
				msgSelector.remove();
				selector.removeClass(ERROR_INPUT_CLASSNAME);
			};
		};

		//input,textareaの未入力チェック
		function checkEmptyText(selector, msg){
			if( selector.val() == '' ){
				addErrorMessage(selector, msg);
				selector.prop('isSuccess', false);
			}else{
				removeErrorMessage(selector);
				selector.prop('isSuccess', true);
			};
		};

		//inputのフォーマットチェック
		function checkFormatText(selector, mode, msg){
			var value = selector.val();
			switch(mode){
				//全角チェック
				case 0:
					if(value.match(/^[^ -~｡-ﾟ]*$/)){
						selector.prop('isSuccess', true);
					}else{
						selector.prop('isSuccess', false);
					};
					break;
				//ふりがなのみ
				case 1:
					if(value.match(/^[\u3040-\u309F]+$/)){
						selector.prop('isSuccess', true);
					}else{
						selector.prop('isSuccess', false);
					};
					break;
				//半角数字のみ
				case 2:
					if(value.match(/^[0-9{}-]*$/)){
						selector.prop('isSuccess', true);
					}else{
						selector.prop('isSuccess', false);
					};
					break;
				//メールアドレス
				case 3:
					if(value.match(/^[a-zA-Z0-9!$&*.=^`|~#%'+\/?_{}-]+@([a-zA-Z0-9_-]+\.)+[a-zA-Z]{2,6}$/)){
						selector.prop('isSuccess', true);
					}else{
						selector.prop('isSuccess', false);
					};
					break;
			};
			if( selector.prop('isSuccess') == false ){
				addErrorMessage(selector, msg);
			}else{
				removeErrorMessage(selector);
			};
		};

		//selectのチェック
		function checkEmptySelect(selector, msg){
			if( selector.val() == '' ){
				addErrorMessage(selector, msg);
				selector.prop('isSuccess', false);
			}else{
				removeErrorMessage(selector);
				selector.prop('isSuccess', true);
			};
		};

		//checkboxのチェック
		function checkEmptyCheckBox(selector, msg, ul){
			var item = selector.item;
			var checkLen = 0;
			item.each(function(index){
				if( $(this).prop('checked') ) checkLen++;
			});
			if( checkLen == 0 ){
				addErrorMessage(ul, msg);
				selector.isSuccess = false;
			}else{
				removeErrorMessage(ul);
				selector.isSuccess = true;
			};
		};

		//初期設定
		function init(){
			//submitを無効にする
			target.find('input[type=submit]').attr('disabled', true);
			//submitイベントの設定
			target.on({
				'submit': function(){
					return false;
				}
			});
			//input要素を配列に格納
			items = [
				target.find('input[name=formName]'),
				target.find('input[name=formFurigana]'),
				target.find('input[name=formTell]'),
				target.find('input[name=formMail]'),
				target.find('input[name=formPostcode]'),
				target.find('input[name=formAdd]'),
				target.find('input[name=formCompany]'),
				target.find('input[name=formPosition]'),
				target.find('textarea[name=formInquiry]')
			
			];
			//input要素のプロパティを設定
			$.each(items, function(index){
				items[index].prop('isSuccess', false);
			});
			//enterキーでsubmitしてしまうのを防止する
			target.find('input[type=text]').on({
				'keypress': function(e){
					if( (e.keyCode == 13) ) return false;
				}
			});
			//名前
			items[0].on({
				'blur': function(){
					checkEmptyText( $(this), 'お名前をご入力ください。' );
					if( $(this).prop('isSuccess') ) checkFormatText( $(this), 0, '入力フォーマットが正しくありません。' );
					checkAll();
				}
			});
			//ふりがな
			items[1].on({
				'blur': function(){
					checkEmptyText( $(this), 'ふりがなをご入力ください。' );
					if( $(this).prop('isSuccess') ) checkFormatText( $(this), 1, '入力フォーマットが正しくありません。' );
					checkAll();
				}
			});
			//電話番号
			items[2].on({
				'blur': function(){
					checkEmptyText( $(this), '電話番号をご入力ください。' );
					if( $(this).prop('isSuccess') ) checkFormatText( $(this), 2, '半角英数でご記入ください' );
					checkAll();
				}
			});
			//メールアドレス
			items[3].on({
				'blur': function(){
					checkEmptyText( $(this), 'メールアドレスをご入力ください。' );
					if( $(this).prop('isSuccess') ) checkFormatText( $(this), 3, '入力フォーマットが正しくありません。' );
					checkAll();
				}
			});
			//お問い合わせ内容
			//items[4].on({
			//	'blur': function(){
			//		checkEmptyText( $(this), '郵便番号をご入力ください' );
			//		checkAll();
			//	}
			//});//
			
			items[4].on({
				'blur': function(){
					checkEmptyText( $(this), '郵便番号をご入力ください' );
					if( $(this).prop('isSuccess') ) checkFormatText( $(this), 2, '半角英数でご記入ください' );
					checkAll();
				}
			});
			
						//お問い合わせ内容
			items[5].on({
				'blur': function(){
					checkEmptyText( $(this), '住所をご入力ください。' );
					checkAll();
				}
			});
					//名前
			items[6].on({
				'blur': function(){
					checkEmptyText( $(this), '貴社名をご入力ください。' );
					if( $(this).prop('isSuccess') ) checkFormatText( $(this), 0, '入力フォーマットが正しくありません。' );
					checkAll();
				}
			});
			
					//名前
			items[7].on({
				'blur': function(){
					checkEmptyText( $(this), '部署名をご入力ください。' );
					if( $(this).prop('isSuccess') ) checkFormatText( $(this), 0, '入力フォーマットが正しくありません。' );
					checkAll();
				}
			});
			
			
			
			//selectの設定
			addressObj = target.find('select[name=address]');
			addressObj.prop('isSuccess', false).on({
				'change': function(){
					checkEmptySelect($(this), '都道府県を選択してください。');
					checkAll();
				}
			});
			//checkboxの設定
			genreObj = { item: target.find('input[name=formGenre]'), isSuccess: false };
			genreObj.item.on({
				change: function(){
					checkEmptyCheckBox( genreObj, 'お問い合わせ区分にチェックを入れてください。', $('#checkGenreList') );
					checkAll();
				}
			});
		};

		init();

	};

	setentryForm($('#entryForm'));

});

Comments

[m.ts10806]

htmlとjavascriptはコードブロックをわけてもらえると助かります。その際にコードブロック冒頭を```html や ```javascript など書くと言語にあわせていい感じにハイライトしてくれます。

[r110]

ご連絡ありがとうございます。分けて作成しました。どうぞ宜しくお願いいたします！

[m.ts10806]

確かにWindowsのローカル環境では（Apache配下でも）同エラーはでませんね。サーバー側の環境を可能な範囲で結構ですので質問に追記いただけますか？改行コードの問題とかアップロード時の形式の問題かもしれません。

[r110]

ご確認頂きありがとうございます。サーバー側の環境というのは、どの様なことをお伝えすればいいのでしょうか？初心者で申し訳ありません！

[m.ts10806]

私自身サーバーに精通しているわけではないのですが、サーバーの種類（CentOSとか）、サーバー実行環境（Apacheとか）、自身が利用されている「サイト」に関して状況が分かるものですね。もしレンタルなのであれば仕様が公開されていますのでレンタル先とプラン？のようなものを教えてもらえればこちら側でもある程度確認できます。

[m.ts10806]

あとできればサイトにアップする際に利用しているツールや設定があれば併せてお願いします。

Answer 1

HTMLがShift_JISで書かれているとかですかね？

<script src="validate.js" charset="UTF-8"></script>

Comments

[r110]

ご回答ありがとうございます、HTMLはShift_JISで書いています。
それが原因の場合は、どのように修正したらよろしいのでしょうか？

[x_x]

すでに回答しています。

[r110]

失礼しました！ご連絡ありがとうございます。

Answer 2

スラッシュが全角になってるとかってことはないですよね

Comments

[r110]

ご回答ありがとうございます。スラッシュ確認しましたが、全角になっていませんでした。