atelier:mitsuba

i love UI/UX, Blend, XAML, Behavior, P5, oF, Web, Tangible Bits and Physical computing. なにかあればお気軽にご連絡ください。atelier@c-mitsuba.com

Adobe Labs - Spry framework for Ajaxでハマった。。。

最近、JSでちょっといつも使ってるのと違う Spry framework を触っているのですが、見事にハマった。。。。

SpryはHTMLの中でループ回したり、置き換えたり、入力チェックとか多機能で便利です。
しかも、prototypeとかjQueryとも今のところ競合してません。

で、なにでハマったかというと、SpryData.jsとSpryValidationTextField.jsとの連携です。

SpryData.jsはHTMLをXMLの内容にあわせて動的に変えられるのですが、それを指定したタグの中に、SpryValidationTextField.jsのフォームの入力チェックを書くと動きません。

どうやらSpryData.jsがタグを舐めるのと、formの動的変更があたってるような気がします。

こんな感じに描くとだめです。

<div spry:region="xml">

<p>{xml}</p>

<form action="send.html">
<span id="checkText1">
<input type="text" name="text1" id="text1">
<span class="textfieldRequiredMsg">何か数値を入れてください</span>
<span class="textfieldInvalidFormatMsg">整数以外は受け付けません</span>
</span>
<input type="submit" value="送信">
</form>
</div>

リファレンスにも書いてなかったりするので、メモがわりに。