really_easy_field_validation_with_prototypeを使用するフォーム検証のために、特定のコンテンツは次のとおりです。
1.最初のステップは、もちろんJSおよびCSSファイルを最初に導入することです。
<link href = "$ {ctx}/skin/css/validation.css" rel = "styleSheet" type = "text/css"/> <script type = "text/javascript" src = "$ {ctx}/scripts/protototy.js" ctx} /scripts/validation.js "> </script>2。次に、ページの先頭に次のコードを追加しました（各JSPがヘッダーに含まれているため、このコードをMeta.jspに入れました。）
function avterloaded（）{if（document.all）{var forms = document.forms; if（forms.length> 0）{for（var i = 0; i <forms.length; i ++）{if（forms [i] ["method：save"]）new validation（forms [i]）; }} window.clearinterval（inteval）; integer = null; }} var integer = window.setInterval（ "afterload（）;"、500）;3.入力ボックスを確認する場合は、クラスにロゴを追加するだけです。のように
コードコードを次のようにコピーします。
これは、このフィールドが必要であり、数字である必要があることを意味します。他のコンテンツについては、validation.jsの最後にあるコードを見てください。理解できます。
4。さらに、フォームの1つに複数の送信ボタンがあり、通常は名前のみが=メソッド：保存ボタンをクリックするとトリガーする必要があるため、検証JSが変更されるため、検証を変更しました。
元のものを置きます
コードコピーは次のとおりです。if（this.options.onubmit）event.observe（this.form、 'submit'、this.onubmit.bind（this）、false）;
に変更します
コードコピーは次のとおりです。if（this.options.onubmit）event.observe（this.form ["method：save"]、 'click'、this.onubmit.bind（this）、false）;
これには問題がありますが、私たちが今いるものには、これがより適しています。
5.元のCSSはボタンなどに影響を与えているため、それらの境界のすべての内容を削除しました。
6.この検証フレームワークは、いくつかの状況のみを考慮しているようです。柔軟に使用したい場合は、詳細に理解するには時間がかかる必要があります。また、コールバックメカニズムも提供します。元のバージョンをダウンロードした後、HTMLでデモを見ることができます。
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。