[B! validation] alice_rのブックマーク

alice_r id:alice_r

validationに関するalice_rのブックマーク (7)

便利なのが登場！フォームのバリデーションをシンプルな記述で実装できる超軽量JavaScriptライブラリ -v8n | コリス
Webサイトやスマホアプリのどの部分にでもフォームに入力された値を検証するバリデーションを簡単に実装できる、わずか2.29kBの超軽量ライブラリを紹介します。バリデーションでよく使用されるルールもデフォルトで30個以上用意されており、ルールをカスタマイズして利用するのも簡単です。 v8n -GitHub v8nの特徴 v8nのドキュメント v8nの使い方 v8nの特徴 v8nの名称は、「validation」の「v」と「n」の間に正確に8文字あるという意味です。流暢でチェーン化可能なAPI チェーン化可能なAPIを使用して、フォームの検証を簡単に作成できます。有用な標準検証ルールフォームの検証でよく使用される30個以上のルールが用意されています。カスタマイズ性フォームの検証用ルールは、簡単にカスタマイズできます。非同期検証をサポートバックエンドでの検証のように時間のかかるル
alice_r 2018/10/24
validation

JavaScript

API
リンク
SPAだけじゃない！Vue.js[4] プラグインでさらに便利に拡張する〜vuelidateでフォーム検証〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
vuelidateを使用してフォームを検証するこちらが今回作成するフォームの完成形です。 See the Pen vuelidate-completed by ligdsktschy (@lig-dsktschy) on CodePen. See the Pen vuelidate-completed by ligdsktschy (@lig-dsktschy) on CodePen. See the Pen vuelidate-completed by ligdsktschy (@lig-dsktschy) on CodePen. See the Pen vuelidate-completed by ligdsktschy (@lig-dsktschy) on CodePen. 入力に応じて、必須項目設定、最小文字数設定、送信前の同意チェックなど、一般的によく使用される検証の実行を確認
alice_r 2018/07/11
validation

vue.js
リンク
フォームバリデーションと送信ボタンの状態の最適解 - Konifar's ZATSU
タイトルを見て「あーあれね」と思った人もいると思うが、アプリデザインの世界ではすでに議論され尽くされているであろうこの話題について雑に考えをまとめておきたい。とは言っても明確な答えがあるわけではないので意見がほしいというのが正直なところなので、もしフィードバックがあれば @konifarまで直接教えてもらえると嬉しい。何を言いたいのかというと、『フォームに入力されていない or 入力された文字が異常である場合に送信ボタンを押せる状態にするか押せない状態にするか』という話だ。たとえば次のように氏名を両方入力しなければいけないケース。初期状態の送信ボタンがdisabledで、入力に応じて状態が切り替わる。本当に送信できる時だけ送信ボタンがenabledになるというのはわかりやすそうだが、問題もある。入力項目が多くなってきた時に、ユーザーがなぜ送信ボタンを押せないのかわからないかもしれない
alice_r 2018/01/29
validation
リンク
jQuery Validation 簡単にフォームをチェックバリデーション
タグ保湿RTX1210VagrantVirtualBoxAnsibleLarabelClamAVCentOS7SWX2200ゆるいハッキング大会RTX1100MySQLPlesk12おりょりょんNFSPostfix基板修理linux 入門atomゆるいハッキングDrupalVisual Studio 2017RabbitMQMVCAsteriskベンチマークBINDGit Mastodon windows10GeoIPApacheAWS S3AWS CLIFuelPHPVulsH2OSSHFSAWS EFSZabbixRDPELBロードバランサsshバックアップ負荷分散AWS EBSCybozu Office10ElasticsearchSWX2300LogstashKibanaLaravel Kubernetes 仕事猫現場猫ゆるいハッキングセミナーALBDNSConoHa Vlanデッドロッ
alice_r 2018/01/06
jQuery

validation
リンク
phiary
phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python 未だに form の validation って, とりあえずなんでも受け付けてサーバー側でしてエラー返ってきたらヘッダーなりダイアログなりでエラーメッセージを表示するなんてのをよく見ます. 某大手サイトなんかはエラーがあるとリロードしちゃったりするし... ユーザーさんからすると入力した段階で何かしら間違いがあったらすぐに教えて欲しいですよね. 実はこの辺って HTML5 からクライアントサイドでもある程度チェックできるように整備されています. なのでライブラリを使わなくてもある程度サーバーに送る前に
alice_r 2018/01/04
validation

html5

正規表現
リンク
iOSのMobile Safari上でのfocus()が妙な件を調べてみた - mixi engineer blog
こんにちは。ミクシィUX統括部にて、mixi Touchの開発を担当しております戸高です。 JavaScriptでの開発を行う事が多いのですが、iOSのブラウザ（Mobile Safari）のfocusの挙動について少しクセがあり、調べてみましたので、お知らせいたします。通常、<textarea>や<input type=”text”>等のフォーム要素に対して、フォーカスを与えたい場合、focus()メソッドを使用します。 iOSのブラウザ（以下、Mobile Safari）にて、以下のコードを実行してみます。（分かりやすい様にjQueryを使用させて頂きました）なお、検証端末にはiPhone4S iOS5.0(9A334)を使用しています。 HTML <!DOCTYPE html> <html> <head> <meta http-equiv=”Content-Type” con
alice_r 2018/01/04
jQuery

validation

iOS
リンク
jQueryでフォーム入力をチェックする｜ Tips Note by TAM
正規表現（jquery）を利用した入力チェックを紹介します。正規表現は、文字が一致しているのか、していないかを判定する機能です。応用としてフォームで入力された文字が条件と一致、不一致をチェックし、ユーザーに正しい入力を促す方法です。 if文（条件文）を主に使っていきます。 if文についてはこちらを参考にしてください。【Javascriptの条件文】 http://www.rsch.tuis.ac.jp/~mizutani/online/javascript/condition.html 今回、紹介する例は、チェックするタイミングを入力後に設定します（フォーカスを外したとき）。 $("input[name='hoge']").blur(function(){ if(条件){ //実行内容 } }); 【入力が空の場合】 $("input[name='hoge']").blur(fun
alice_r 2018/01/04
jquery

正規表現

validation
リンク
1