input fileの入力チェック

input type="file" を必須ぽくする必要があったので、ファイルが選択されていない場合には、submitボタンがクリックできない処理をjQueryで作ってみました。
何かファイルが選ばれていれば良いので、lengthで値の有無を調べてdisabledで設定。といってもdisabledって普段使わないのですぐに忘れます。という事でメモ。
.hide()は見えないからやっぱりdisabledなんだと思う。


/* jsの記述 */

$(function(){

//ファイルチェック
function inputCheck(){

	//inputフィールドの文字数を取得
	fileCheck = $("#fileCheck").val().length;
	
	//値が無ければボタンを非表示
	if(fileCheck == 0){
		$("#fileCheckBtn").attr("disabled","disabled");
	}else{
		$("#fileCheckBtn").attr("disabled",false);
	}
}

	//フォームの中身を検証
	inputCheck();
	
	//inputフィールドの値が変わったら
	$("#fileCheck").change(function(){
		inputCheck();
	});

});




/* htmlの記述 */

<input type="file" name="fileName" id="fileCheck" />
<input type="submit" value="確認" id="fileCheckBtn" />


関連記事

この記事のハッシュタグに関連する記事が見つかりませんでした。

最新記事

カテゴリー

アーカイブ

ハッシュタグ