フォームのテキストエリア（id="kazu"）に入力された文字を全角から半角に変換する下記のような jQuery のコード（※1）があるのですが、これをJavascriptのように外部ファイルから動作させる方法はあるでしょうか？ inputの記述は、です。各ページ毎に jQuery のコード（※1）を記述し、input にID(kazu)を設定すると正常に動作するのですが、各ページにjQuery （※1）を記述せず、ヘッダ内で、次のように外部から呼び出してみたのの何の変化も起こりません。。。 ※1階層上にform.jsがあります。 ※form.jsの内容は、（※1）のコードのみが書かれています。（※1） ----------------------------------------------------------- $(function(){ $("#kazu, #hoge").change(function(){ var str = $(this).val(); str = str.replace( /[Ａ-Ｚａ-ｚ０-９－！”＃＄％＆’（）＝＜＞，．？＿［］｛｝＠＾～￥]/g, function(s) { return String.fromCharCode(s.charCodeAt(0) - 65248); }); $(this).val(str); }).change(); }); ------------------------------------------------------------ 以上、何卒よろしくお願い申し上げます。

jQuery を外部ファイルから呼び出す

解決済

質問者：maru11586
質問日時：2019/12/26 16:42
回答数：2件

フォームのテキストエリア（id="kazu"）に入力された文字を全角から半角に変換する
下記のような jQuery のコード（※1）があるのですが、
これをJavascriptのように外部ファイルから動作させる方法はあるでしょうか？

inputの記述は、<input type="text" size="2" name="kazu" value="1" id="kazu">　です。

各ページ毎に jQuery のコード（※1）を記述し、input にID(kazu)を設定すると正常に動作するのですが、各ページにjQuery （※1）を記述せず、ヘッダ内で、次のように外部から呼び出してみたのの何の変化も起こりません。。。
<script type="text/javascript" src="../form.js"></script>

※1階層上にform.jsがあります。
※form.jsの内容は、（※1）のコードのみが書かれています。

（※1）
-----------------------------------------------------------
<script>
$(function(){
$("#kazu, #hoge").change(function(){
var str = $(this).val();
str = str.replace( /[Ａ-Ｚａ-ｚ０-９－！”＃＄％＆’（）＝＜＞，．？＿［］｛｝＠＾～￥]/g, function(s) {
return String.fromCharCode(s.charCodeAt(0) - 65248);
});
$(this).val(str);
}).change();
});
</script>
------------------------------------------------------------

以上、何卒よろしくお願い申し上げます。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： fujillin
回答日時：2019/12/26 17:43

こんにちは

一番多そうなものをいくつか・・・

1）外部ファイル（form.js及びjQuery）がきちんと読み込めていない
　アドレスが違っているなど
2）読み込み順が悪い
　form.jsの前にjQueryを読み込んでいない
3）ひょっとしてだけど…
　form.jsのファイル内に<script>タグも記述されている

あたりが、怪しいのではないかと・・・

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。

ご教授いただきました、②（読み込み順序）を修正しましたところ、正常に動作しました。
今回ご教授いただきましたお二方に感謝します。

ありがとうございました！

通報する

お礼日時：2019/12/27 10:54

No.1

回答者： naktak
回答日時：2019/12/26 17:15

> <script type="text/javascript" src="../form.js"></script>

</body>の上でこれ書いてみたらいかがですか。
<head>内に書いていたりして、まだDOM要素が出来上がっていないのにJSを読み込むから、イベントハンドラを設定できていないのではないでしょうか。

これ自体はjQueryではありません。jQueryを利用したjsスクリプトです。
ですから、当然ですが、<head>内にはjQueryを読み込むタグが必要になります。