タグ

formに関するidoyaのブックマーク (15)

  • 10 Password Strength Meter Scripts For A Better Registration Interface

    Free Web Resources Everyday - WebResourcesDepotRelated PostsUI Patterns: User Interface Design Pattern Library Lightbox Scripts Comparison Matrix Open Source Flash Gauges Website Contact Form Generator Custom Checkbox And Radio Buttons: CRIR

    idoya
    idoya 2009/05/06
    パスワードチェック
  • CSSベースのクールなフォーム、サンプル集:phpspot開発日誌

    Smashing Magazine | Blog Archive CSS-Based Forms: Modern Solutions In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention, CSSベースのクールなフォーム、サンプル集。 デザインにしにくい部分だからこそ、凝っておくと玄人受けはよい筈。色々なデザインがあって感心するばかりです。 Prettier Accessible Forms Badboy Niceforms Functional Pretty Forms Form Layout Templates Fun with forms - customized input elements Scr

  • フォームの入力値をリアルタイムにバリデーション「Realtime validation」:phpspot開発日誌

    Realtime validation using Ajax Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation  正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 フォームの入力値をリアルタイムにバリデーション「Realtime validation」。 prototype.js と、配布している validate.js を読み込んだあと次のようなコードを書くだけ。 Validator.register({ "#mail" : { "/^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2

  • Welcome mutationevent.com - BlueHost.com

    Bluehost - Top rated web hosting provider - Free 1 click installs For blogs, shopping carts, and more. Get a free domain name, real NON-outsourced 24/7 support, and superior speed. web hosting provider php hosting cheap web hosting, Web hosting, domain names, front page hosting, email hosting. We offer affordable hosting, web hosting provider business web hosting, ecommerce hosting, unix hosting.

    idoya
    idoya 2008/11/03
    フォームチェックJS
  • 入力値を簡単に制限する「yav」とかフォーム入力チェックいろいろ

    メール送信フォームやらアンケートの回答フォームやら、とにかくネット上には様々なフォームが存在しています。入力する値が間違っていると「エラー」表示を出すタイプのモノが多いですが、出される側から見れば「そんな値を入力できるようにするなよ!」「8文字までしか受け付けないんだったら、最初から入力可能な文字数を8文字に制限しておけよ!」「エラーが出たらどこを再入力すればいいのかわかりやすく表示してくれ!」などと思うこともしばしば。 というわけで、この「yav」は入力エラーチェックだけでなく、最初から入力できる値を制限したり、数字であれば範囲指定したり、入力チェック後にフォームの色を変えてわかりやすくしてくれたり、とにかくいろいろ便利な入力チェック機能を簡単に組み込むことができるオープンソースで開発されているJavaScriptファイルです。入力チェック後のエラー表示もポップアップウインドウやページ内

    入力値を簡単に制限する「yav」とかフォーム入力チェックいろいろ
  • AjaxZip 2.0

    Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(CGI不要版) AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ

  • EXAMPLES - Live Validation

    CAFE CASINO NO DEPOSIT BONUS CODES 2021 Bet on popular sports such as basketball, we would like to help you complete your experience, however, there are many different online versions of five-card draw poker. copyright 2010 onwards Martin Dougiamas Class for various data on the quiz edition. Bonus Video Poker Bonus video poker is a special video poker game with payouts and jackpots! No download re

    EXAMPLES - Live Validation
    idoya
    idoya 2008/11/03
    フォーム入力チェック
  • re: PHP でメールアドレスかどうか調べる方法

    はてブでotsuneさんやkazuhookuさんがPHPクオリティについて勘違いしていたので、一言申し上げたところ、参考にされた方がいたようで、もうちょっと補足します。 いくつか実装での「正しいメールアドレス」を調べてみました。 phpspot function is_mail($text) { if (preg_match('/^[a-zA-Z0-9_\.\-]+?@[A-Za-z0-9_\.\-]+$/',$text)) { return TRUE; } else { return FALSE; } } PEAR::Mail_RFC822 function isValidInetAddress($data, $strict = false) { $regex = $strict ? '/^([.0-9a-z_+-]+)@(([0-9a-z-]+¥.)+[0-9a-z]{2,})$/i'

  • [JavaScript][Ext]Ext.jsのフォームコンポーネントと入力チェック

    既存のhtmlを元にJavaScriptでリッチコントロール機能の追加や入力チェックを行う方法を紹介します。Ext1.1 beta1を元にしています。 基構文 // フォームオブジェクト生成 var comp = new Ext.form.TextField(); // HTMLElementへフォームオブジェクトを適用 comp.applyTo('elem-id'); 入力エラー時のツールチップを有効にするには以下のコードを入れておく必要があります。 Ext.QuickTips.init(); DateField まずは何かと使い道の多そうなDateField。年/月/日形式にするためにはformatを指定する必要があります。 var date = new Ext.form.DateField({ allowBlank:false, format: 'Y/m/d' }); date.a

    [JavaScript][Ext]Ext.jsのフォームコンポーネントと入力チェック
  • QuickFormとSmartyの連携[Pear::QuickForm] - bnote

    QuickFormのdisplay関数で出力したフォームはお世辞にもデザイン的に優れているとはいえません。 そこで、デザイン部分をSmartyに担当させQuickFormとSmartyを連携させたいと思います。 <html> <head> <title>QuickForm サンプル</title> </head> <body> <?php require_once 'HTML/QuickForm.php'; require_once 'HTML/QuickForm/Renderer/ArraySmarty.php'; require_once 'Smarty.class.php'; $objQF = new HTML_QuickForm('frmQF', 'get'); $defaultValue = array('txtNAME'=>'bnote','rdoSEX'=>'男'); $ob

  • フォームのインタフェースデザインを考える(1) - builder by ZDNet Japan

    フォームのインターフェースデザイン フォームはユーザーから情報を送ってもらうのに欠かせない要素だ。ユーザーが入力で迷うことのないように、わかりやすくデザインすることが求められる要素でもある。 CSSではユーザーのアクションや入力項目の状態に応じてフォームのデザインを設定するセレクタがさまざまに定義・提案されており、FirefoxやSafariの対応も進んでいる。そこで今回から、フォームのインターフェースデザインに関連したセレクタを紹介する。 ユーザーのアクションに応じてフォームのデザインを変更する :hoverといったセレクタを利用すると、ユーザーのアクションに応じてスタイルシートを適用することができる。一般的にはリンク部分のデザインを変えるのに利用するが、フォーム部分のデザインを変えることも可能だ。利用できるセレクタは次の3種類となっている。 :hover 項目にカーソル(マウスポインタ

    フォームのインタフェースデザインを考える(1) - builder by ZDNet Japan
  • jsmap - JavaScriptによる都道府県入力補助

    Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細

    idoya
    idoya 2008/11/03
    都道府県のフォーム入力補助
  • Web media Strategy

    インフォマーシャルでもなく、短編映画?? 昨日、何気なくテレビを見てたら、短編映画みたいなものがはじまった。途中で化粧品などのコスメ関係のCMなんかが入ったらいいだろうななんて見てたら、オチはインフォマーシャルでもなく、LUXの短編映画?CM?でした。 けど、今までこんな遠まわしなCM??をやったのを見た事がなかったので、びっくりしました。 ※私が知らないだけかも・・・ http://www.luxfilm.jp/ 30秒では伝えきれないCMも、このような長いものだったら、そこそこ伝えたいことが伝わるかもしれません。 今後このような新しい試みが増えてくることを期待します!

    idoya
    idoya 2008/11/03
    ふりがな自動入力javascript
  • prettyCheckboxesStéphane Caron – No Margin For Errors

    This script is for people who wants to have a consistent look for checkboxes across browser or those who simply want them to look better. By using this script you wont loose any of the regular inputs usability. See below for a demo of the project or click here for the full project documentation. If you need support with prettySociable, please take a look at our forums Documentation Please see this

  • リアルタイムフォームバリデーション jQuery.validation.js :: 5509

  • 1