FC2ブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

以前のPSWDのJqueryUI DIALOGが


以前passwordで設定したページに飛ぶJQueryUIダイアログのプログラムを書いたけど、色々誤作動があったので

もう一度チャレンジしようと思い立った!

passwordをval()で取得して、それを変数においたのがまずかったみたいなので、

そこを直して、なおかつ少しばかりのヴァリデーションをする計画!!




$(document).ready(function(){      //この書き方のほうが、落ち着くw
var $pswd = $("input:password[name=pswd]");
var $help = $("#helpText");
var regex = new RegExp (/^([a-zA-Z0-9_\.\-]+)*$/);    //正規表現
$("#dlog").dialog({
bgiframe:true,
width:'300',
minHeight:'200',
modal:true,
autoOpen:false,
title:"password",
buttons:{
"OK": function(){
(if($pswd.val() == ""){      //もしパスワードが空欄なら、ヘルプテキストでinput passwordと表示される
$help.html("input password");
$pswd.focus(function(){ $help.html("");});return true;}nbsp;     //パスワード欄にフォーカスが当たると、ヘルプが消える
else if(!regex.test($pswd.val()))nbsp;     //パスワードが大文字小文字と数字以外だと、ヘルプが表示される
{$help.html("input a-z, A-Z and 0-9");
($pswd).focus(function(){$help.html("");$pswd.val("");});
return true;}
else {
window.location = "/ディレクトリ/" + ($pswd.val()) + ".html";
$("#dlog").dialog("close").collapse().empty();}
},
"Cancel": function(){$pswd.val("");}
}

});



HTMLのほうは




<div id="dlog">
<input type="password" name="pswd" size="30" maxlength="12" />
<p id="helpText"></p>
</div>



として、</body>直前におく。

CSSは



#dlog {display:none;}


と、セットして終了!

試してみるべし!!
IEは大丈夫・・・chromeもOK・・・SAFARIもOK・・そして
魔のFireFox!
dialogがひらかなーい!!
Jquery1.8.4から1.8.5にしたのに、またダメか~。
多分twitteranywhereかなんかと干渉してるのかな~。
全部jqueryで囲まないとだめかしらん・・



スポンサーサイト

コメントの投稿

管理者にだけ表示を許可する

検索フォーム
カテゴリ
最新記事
アンケート
月別アーカイブ
お名前.com
リンク
RSSリンクの表示
google
MicroAD
ninja
忍者アド
広がるブログ
blomotion
サンプル・イベント・モニターならBloMotion
プレスブログ
[プレスブログ]価値あるブログに換金可能なポイントを差し上げます。
wadax
ブログ村
フリーエリア
人気ブログランキングへ
ブログランキングドットネット
リンクリックブログランキング
フリーエリア
FC2ブログランキング

FC2Blog Ranking

AMAZON
カラーミーショップ
ブログ広告
ブログ広告ならブログ広告.com
ぐるなび
中古DVD
QRコード
QR
SEO
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。