えんじにゃーず・ハイ

主にエンジニアや技術情報についてつらつら書き連ねるブログです

ValidationEngine.jsで複数項目をajaxで送信したい時

https://gyazo.com/6f4a771817bbb8f1f0093af284d91cd7

jQueryでバリデーションする時に便利なプラグインgithub.com

このプラグインを使ってajax経由で好きなバリデーションを掛けることができる。 各form部品をバリデートする際には

// 対象のフォームを指定する
$("#userForm").validationEngine();

$.validationEngineLanguage.allRules = {
  "exists_user": {
      "url": "/user/exists_user"
   }
}
<input class=" validate[ajax[exists_user]]" data-prompt-position="topLeft" maxlength="7" id="user_id" name="user_id" type="text">

これでuser_idのテキストボックスからフォーカスが外れた時にバリデートが掛かる。もう少し細かく書くとexists_userに指定したurlへGETリクエストが送信される。クエリストリングは対象formのid名とvalueとなる。 サーバーからはバリデートするid名とbooleanを返却すれば自由にチェックできる。チェックエラーの時はfalseを返却すればいい。

ただ、今回は複数のform部品をajaxで送信してチェック処理がしたいので対象formの値しか送信できないと困る。公式ドキュメントを読むとextraDataDynamicに送信したいidを配列で指定すれば良いようだ。

"exists_user": {
    "url": "/user/exists_user",
    "extraDataDynamic": ['#user_id', '#email']
}

これでGETリクエストされるクエリストリングには#user_idと#emailに入力された値が送信される。

ブログタイトルとデザインを変更しました

ブログ画像

そろそろちゃんとしたブログにしよう

前回のブログがちょっと濃い感じで飽きてきてしまったので、こつこつ夜なべしてブログデザインを変更しました。

今回使用させて頂いたテーマはこちらです。

テーマを選んでカスタマイズしていると時間が一瞬で飛んでいきますね。8h以上使ってしまった気がします。

一応、ソーシャル連携や記事一覧など一通り基本のカスタマイズは終えて、なるべくシンプルに。

続きを読む

ギークハウスのススメ

ギークハウス新丸子に移り住んで2ヶ月経ちました。

当初は1ヶ月の予定でしたが、今では最低でも4ヶ月滞在予定が決まりました。私にとってギークハウスはかなり居心地が良かった。

さて、そんなギークハウス、どんなところなのか聞かれることが多いので記事としてまとめてみました。

続きを読む

TwitterAPIで期間指定してツイートを取得する

TwitterAPIを利用したデータ収集

お仕事でTwitterAPIを使用することになった。最初は手軽なRubyで実装しようかと思ったけど、あまり工数を掛けずにさくっと作って欲しいという要望から、言語として使い慣れているJavaで作成することにした。

Qiitaにも投稿したのだけれども、備忘録としてもう少し詳しくブログにも記述しておく。

続きを読む

SES業として10年間勤めた会社を辞めました

会社、辞めていました

知っている人にとっては「え、いまさら?」という話ですが、会社辞めました。実は5月に辞めていました。

私は約10年間、システムエンジニアとして客先常駐でお仕事をしていました。SES(システムエンジニアリングサービス)という業態のようです。

今更聞けない「SES(委託契約)、請負契約」の違いとは

現在36歳。もっと早くこのSES業界から抜けたかったという思いはありますが、SESで経験として培ってきたものもあります。

SESとしては2社経験しています。ちょっと振り返ってみましょう。

続きを読む

システム開発会社の営業向けセミナーの需要

以前勤めていた会社の話。

新人研修用にシステム開発(Web開発)の全体像のお話をした様子を動画で撮っておいたら、弊社の営業がめちゃくちゃ勉強になるとかで繰り返し見るほどの人気だったそうだ。

たしかに、システム開発の営業も基本的なシステムの仕組みは知っておかないと色々困ると思う。

続きを読む