フォーム内容の拡張子チェック

(IE4/NN4以上)
アップロードCGIの参照用インプットや曲のアドレスを入力してください、という時に便利かもしれません。<input type="file>の中身をJavaScriptでチェックします。

サンプル

mp3ファイルかwaveファイルのみ「OKです」というアラートがでます
(ファイルアップロードなどはされません)

<HEAD>タグ内

<BODY>タグ内

このサンプルではmp3かwavの拡張子のみに有効ですが、
変更したり追加する場合は

if(addr.match(/\.(mp3|wav)$/i))

という部分、(mp3|wav)という所に(mp3|wav|aif)等のように | で区切って拡張子だけをドットぬきで追加なりしてください。

なおaiffファイルの場合はaifという拡張子もあるので

aiff?

と記入してください。aiffなの?見たいな感じですが、この?は
まずaif、の3文字はそのままで0か1文字の[ f ]を追加するかどうか、という事になります(説明下手)

またMPEGのようにmpgやmpeなどの場合は

mpe?g?

となります。詳しくはとほほのWWW入門のJavaScript、正規表現のところを参考に。


なお、このサンプルではアラートを出すだけなのでフォーム送信する場合はonClickでチェックするのではなく、onSubmitに変更するなどの工夫が必要です。

人気コンテンツ