jQuery | メサイア・ワークス

Webフォームのファイルアップロードで、警告アラート・選択クリア・ウィルスチェックを行う。

2018年5月11日に admin が投稿

Webフォームのファイルアップロードで、警告アラート・選択クリア・ウィルスチェックを行う。警告アラート・選択クリアは簡単に出来た！

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">

    $(function() {    
        // 添付ファイルが選択されたら、警告する
        $('#uploadFile').on("change", function() {
            var file = this.files[0];
            if(file != null) {
                alert("プロパティ情報を削除しないと、その情報から個人が特定されうる情報が受信者に伝わってしまう可能性があります");
            }
        });
        
        // 添付ファイルをクリア
        $('#FileResetButton').on("click", function() {            
            if(confirm('添付ファイルをクリアしますか？')){
                $('#uploadFile').val('');
            }
        });
                
        
    });
</script> 

<input type="file" name="uploadFile" id="uploadFile" size="30" /><br>
<input type="button" name="FileResetButton" id="FileResetButton" value="添付ファイルをクリア" /><br>
<input type="submit" name="upload" id="upload"  class="send_upload" value="送信" /> <br>

$(function() {

// 添付ファイルが選択されたら、警告する

$('#uploadFile').on("change", function() {

var file = this.files[0];

if(file != null) {

alert("プロパティ情報を削除しないと、その情報から個人が特定されうる情報が受信者に伝わってしまう可能性があります");

}

});

// 添付ファイルをクリア

$('#FileResetButton').on("click", function() {

if(confirm('添付ファイルをクリアしますか？')){

$('#uploadFile').val('');

}

});

</script>

ウィルスチェックは、続きを読む Webフォームのファイルアップロードで、警告アラート・選択クリア・ウィルスチェックを行う。→

ライブラリを使わずに、jQuery+CSSだけで、スクロールで下に来たら「トップへ戻る」ボタンを表示させる

2017年7月21日に admin が投稿

ライブラリを使わずに、jQuery+CSSだけで、スクロールで下に来たら「トップへ戻る」ボタンを表示させる参考URL http://www.webopixel.net/javascript/538.html [cray 続きを読むライブラリを使わずに、jQuery+CSSだけで、スクロールで下に来たら「トップへ戻る」ボタンを表示させる→

jQueryで「警告ダイアログとエラー箇所を赤文字に、同時にしよう」と思ったら、CSS適応がされない状態でダイアログだけ先に出てしまったので、修正してみた。

2017年3月24日に admin が投稿

jQueryで「警告ダイアログとエラー箇所を赤文字に、同時にしよう」と思ったら、CSS適応がされない状態でダイアログだけ先に出てしまったので、修正してみた。 [crayon-673fa3a6a3ac0582034457/ 続きを読む jQueryで「警告ダイアログとエラー箇所を赤文字に、同時にしよう」と思ったら、CSS適応がされない状態でダイアログだけ先に出てしまったので、修正してみた。→

よくjqueryで選択されたプルダウンの値を指定するサンプルではnameを使われているが…。idやthis指定したい！

2017年3月22日に admin が投稿

よくjqueryで選択されたプルダウンの値を指定するサンプルではnameを使われているが…。idやthis指定したい！

  $('#id_name').on('change' , function(e){
      
      var num = $('[name=select要素のname名] option:selected').text();
      alert(num);
  });

$('#id_name').on('change' , function(e){

var num = $('[name=select要素のname名] option:selected').text();

alert(num);

});

大抵の場合は、idやclassで要続きを読むよくjqueryで選択されたプルダウンの値を指定するサンプルではnameを使われているが…。idやthis指定したい！→

jqueryを使って数値以外は入力させない！！コピペはフォーカスが外れたら修正

2016年11月30日に admin が投稿

jqueryを使って数値以外は入力させない！！コピペはフォーカスが外れたら修正

    // 数値以外は入力させない！！コピペはフォーカスが外れたら修正
    $('#input_num').on('keyup keydown change', function(e) {
        var num = $(this).val();
        $(this).val(Number(num.replace(/[^0-9]/g, "")));
    });

// 数値以外は入力させない！！コピペはフォーカスが外れたら修正

$('#input_num').on('keyup keydown change', function(e) {

var num = $(this).val();

$(this).val(Number(num.replace(/[^0-9]/g, "")));

});