Retoucher.jp

主にPC関連の備忘録と映画の感想を書いています。

ホーム > PC関連備忘録 > Jquery > Jqueryとフォームの覚え書き

Jqueryとフォームの覚え書き

最近のフォームはイロイロJqueryで作られていて面白いですね。
プラグインを使うのは簡単ですが、それだとJqueryの仕組みが理解できなくなったり、忘れたりするので、自分なりに紐解いてみようかなとおもいました。

Twitterにある文字制限のようなものを作りたい場合、setIntervalを使用して、フォーム内のTextareaの値を確認。

$(“form :textarea[name='XXXXX']“).val();

予め決めた文字数から、下記のものを引いて、

$(“#sample”).text(“値”);

もし、文字数が超えたり、必要な情報が未入力だった場合に送信ボタンを押せなくするには,if文等を用いて、

$(“form :input[name='submit']“).attr(‘disabled’,'disabled’);

また、サーバーによってはmethod=”post”が使えないので、getで対応。
(※自分はさくらインターネットなので、ダメでした。)
php側でのスクリプトの記述を気をつけなければいけない。

test = setInterval(function(){
    var val = $(“form :textarea[name='AAA']“).val();
    var max = 100;
    var nowlength = max – val.length;
    $(“#test”).text(nowlength);

    if(nowlength < 0 || nowlength == max){
    $("form :input[name='submit']").attr("disabled","disabled");
    }else{
    $("form :input[name='submit']").attr("disabled","");
    }
}, 1000);

コメントはまだありません