タグ

2016年6月29日のブックマーク (4件)

  • HTML5におけるinput要素のpattern、type属性のおさらい - Qiita

    おさらいシリーズ第4弾w HTML5ではinput要素が拡張されて正規表現による入力値バリデーションができるようになっている。利用するには、 <input pattern=""> のように pattern 属性値にバリデーション用の正規表現を書いてやればよい。 ──で、毎度UI作っていて正規表現パターンを調べるのが手間だったので、定形的な入力値については一度まとめておこうかと思った次第。 まぁ、正規表現の自分用チートシートみたいなものですな。 pattern属性用正規表現サンプル集 バリデーション内容 正規表現(pattern属性) 備考

    HTML5におけるinput要素のpattern、type属性のおさらい - Qiita
  • HTML5のPatternタグのサンプル一覧

    HTML5の<input>要素のpattern属性を指定をすると、正規表現を使うことにより入力制限を自由に設定することが出来ます。 入力制限をすることにより様々な用途で使うことが出来ます。 例えば 数値のみ入力させたい 日付を決められたフォーマットで入力させたい。 カタカナのみ入力させたい 電話番号をxxx-xxxx-xxxxで入力させたい ここでは、実際に私が使ったHTML5のpatternのサンプルを記載したいと思います。 日付パターン yyyy-MM-dd hh:mm:ss <input type="text" pattern="([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9]) (0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}"> 例)2013-02-22 13:22:11 数値パターン 正の数値 <input typ

    HTML5のPatternタグのサンプル一覧
    silem
    silem 2016/06/29
    javascript pattern html5
  • jQuery Validate Pluginの解説とValidate 日本語環境用PluginとjQuery Form Pluginとの連携 - くらげだらけ

    前回、フォームをAJAXでうんちゃかするjQueryFormPluginのエントリーを書きましたけど、フォームと言えばValidateですよね。 ってことでjQueryValidatePluginについてもサラサラ見ていたので、こっちも日語Document化したのを書いておく。 で、日語化して書いていたら思ったよりも量が多くて少し適当な感が否めないような感じになっているかもしれません。 必要なさそうなところは一部飛ばしているしー、たまにおかしいところがあるかもしれませんが悪しからず。そんときはコメントくださーい。 あ、あとエラーメッセージ等のローカライズ版と日語環境用のValidateメソッドを新たに追加するスクリプトも書きました。 デフォルトだと半角英数のみとかー、ひらがなのみとかーできないんでー それから、もともとの目的のjQuery Form Pluginとの連携でAJAXなん

    jQuery Validate Pluginの解説とValidate 日本語環境用PluginとjQuery Form Pluginとの連携 - くらげだらけ
  • JavaScriptを読んでて「なにこれ!?」と思うけれど調べられない記法8選。 - Qiita

    JavaScriptを読んでいると、「あれ、、、なにこれ?この書き方。。。」と思うことがたまにあります。この際の厄介なことは、どうやって調べたらいいかわからないことです。Google先生に聞こうにも、その書き方をなんと呼ぶかわからないので聞けない。 そんな「なにこれ?」を厳選してみました。覚えておくと、将来スッキリとする時が来るでしょう。 1. なみなみ、ふにゃふにゃ言ってる

    JavaScriptを読んでて「なにこれ!?」と思うけれど調べられない記法8選。 - Qiita