タグ

formに関するjazzanovaのブックマーク (7)

  • HTML5のclient-side form validationで書かれたattributeからvalidation rulesを抽出し、client/serverでルールを共通化するモジュールを書いた - Kentaro Kuribayashi's blog

    Validation Ruleの記述ってけっこう面倒で、うまい方法を思いつけないのでいたのですが、今日、なんとなくHTML5にclient-side form validation specなんてものがあるんだから、それを使ったらいいんじゃないかと思って、ちょっと実装してみました。 http://prepan.org/module/3Yz7PYrBGs https://github.com/kentaro/HTML-ValidationRules 以下のようなメリットがあるのではないかと思っています。 client-side form validationを使いつつ、server-sideでも同じルールを別の形式で書くのは無駄感。 HTML5が、validation rulesをHTMLというフォーマットによって定めているとみなせば、client-side/server-side両方でそれ

    HTML5のclient-side form validationで書かれたattributeからvalidation rulesを抽出し、client/serverでルールを共通化するモジュールを書いた - Kentaro Kuribayashi's blog
  • tokuhirom blog

    Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at

  • フォームを改善するための10のポイント | dIG iT

    dIG iT Digital Marketingに関する様々なテーマで発信するブログ。 若干ペースが落ちているものの、1は濃い内容で書いてみてます! コマースサイトや新規獲得サイトにおいてコンバージョンプロセスはサイトで最も重要な部分だったりします。 ある程度、コンバージョン達成に意欲があるユーザーだけがいるので、余計な部分で離脱の原因は作りたく無い部分です。 ということで、今回はフォームを改善するにあたっての10のポイントをまとめてみました。 と、その前にフォーム分析を行うにあたってどのようなポイントを指標として確認していけば良いかに少し触れていきたいと思います。 フォームの指標 フォームまわりで確認できる指標はそれほど多くはありません。大きく4つと言えるでしょう。 フォームページの離脱もしくはフォールアウト フォームでのエラー発生数 放棄(離脱)をした際に入力していたフォーム 放棄し

    フォームを改善するための10のポイント | dIG iT
  • JS で入力済みフォームにフォーカスをあてるときのブラウザ間の挙動の差異 ( ラボブログ )

    スパイスラボ神部です。 単刀直入に言うと、JavaScript で入力済みフォームにフォーカスをあてるときのブラウザ間の挙動の差異に困っています。 -JavaScriptが好きだ! - Favorites! とりあえず Win 版 Firefox と IE で textarea に入力済みのフォーム部品があったとします。このウィジェットに focus でカーソルを移動させると、それぞれ下記のようにフォーカスがあたる(カーソルが移動)します。 IE の場合・・・テキストエリアの先頭に Firefox の場合・・・テキストエリアの末尾(入力済みテキストの最後に) これを解決するにあたり、なにかいい方法はないものでしょうか。 ちょっとヒントになりそうなもの -教えて!北京五輪「みんなにQ&A」 テキストエリアへセットフォーカス ついでに気になる情報 [JavaScript] focus()する

  • フォームコントロールのデフォルト値: Days on the Moon

    WebKit のコントロール値キャッシュ対策 「日野望の会-Yabooo.org > Safari/Webkitのおせっかいキャッシュとその対策。」にコメントしたはずなのですが、いつの間にかコメントが消えているようなので推敲の上再掲。 上記のページで問題にしているのは、Safari において bfcache を無効にしていても、動的に追加したフォームコントロールの値がキャッシュされた値に書き換えられてしまうことです。これに対し、文書中のコントロールをすべて記憶し、文書のアンロード時にそれらの名前 (name 属性の値) を変更することで解決を図っています。 しかし、書き換えられるのは一時的な値のみで、コントロールのデフォルト値 (フォームをリセットしたときに設定される値) まで変化するわけではありません。ならば、コントロールが文書中に挿入されたときに、その値をデフォルト値に設定してやれば

  • HTML::AutoForm (フォームビルダー&バリデータの話) - kazuhoのメモ置き場

    NanoA 用に作ったフォームビルダー&バリデータを HTML::AutoForm (svn link) として独立させました。 フォームを定義したり my $form = HTML::AutoForm->new( fields => [ username => { type => 'text', required => 1, min_length => 6, max_length => 8, regexp => qr/^[0-9a-z_]+$/, }, ... ], );フォームを検証したり # validate form my $ok = $form->validate( $query, # any object that support $query->param('name') sub { ... }, # callback to check if csrf token is va

    HTML::AutoForm (フォームビルダー&バリデータの話) - kazuhoのメモ置き場
  • rikrikrik.com - jQuery magicpreview plug-in

    — the home of Rik Lomas, a web developer and technology writer, specialising in HTML, CSS and JavaScript. More about me » jQuery plug-ins quicksearch magicpreview autosave pager shortkeys What it does Usage Examples Options Download What it does magicpreview automatically updates selected elements on a page based on form fields. Perfect for previewing forms. Usage $(form_fields).magicpreview(prefi

  • 1