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" />
