Jqueryとフォームの覚え書き

taiyo — Wed, 02 Mar 2011 04:42:52 +0000

最近のフォームはイロイロ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);

初心者なので・・・

taiyo — Thu, 18 Jun 2009 02:23:49 +0000

jqueryを最近イジってます。
通常文字と変数は「＋」で連結するのは分かっているんですが、jqueryのＣＳＳに変数を入れる際にイロイロやってみても、エラーで動かない・・・・

とりあえず自分が間違っていたのが以下。

css({“‘backgroundImage’:” + Img + ?

正しいのはコレ・・・

css({‘backgroundImage’: Img ?

何とか動くようになったのが、以下のサンプル。

$(“li”).each(function(i){
var Img = ‘url(“listbg’ + i + ‘\.gif”)’;
$(this).css({‘backgroundImage’: Img ,’backgroundRepeat’:'no-repeat’,'backgroundPosition’:’0px 0px’});
});

リストに個別の背景を使ってアイコン化したかったんです。
とりあえず、うまくいったので、備忘録！！！

Retoucher.jp » Jquery

Jqueryとフォームの覚え書き

初心者なので・・・