最近、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>
リファレンスにも書いてなかったりするので、メモがわりに。