ユーザーの編集情報と保存を伴うページには、データが要件を満たしているかどうかを確認し、クライアントとサーバー側からの確認が必要です。
カスタマーサービス側の検証は、主にユーザーエクスペリエンスを改善することですが、サーバー側の検証はデータのコンプライアンスを確保することです。
このプラグインは、フォーム検証もサポートしています。必要なものを追加：検証する必要がある列の構成に忠実です。フォーム要素の前でラベルを再生する場合、A *はラベルの前で自動的に生成されます。これは、データが再コラム化されていることを促すために使用されます。
検証が使用されます。特定の使用については、jQuery検証のAPIを参照してください。
コードは次のとおりです（ページアドレス：https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form5-validation.html）：
<！doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> form vidification </title> <meta name = "Viewport" content = "width =" device-width、hirting-scale = 1 "> <link rel =" styleheet " rel = "styleSheet" href = "../ css/site.css"> <script src = "../ lib/jquery.js"> </script> <script src = "../ lib/jquery.js"> </script> <src = "../ lib/boottrap.js"> < src = "../ scripts/global.js"> </script> <！ - プラグイン - > <スクリプトsrc = "../ scripts/plugin.js"> </script> </head> <body> <div> div> <abow> smart form id = "formcontainer"> </form> </div> <div> <div> <label>はじめに</label> </div> <div> <label>フォームの検証</h3> <blockquote> <p>検証にjQuery検証を使用します。他の検証方法については、jQueryの検証を参照してください。カスタム検証Global.fn.setDefaultValidator（）メソッドGlobal.jsファイルでは、ファイルがツールファイルに変更されます。これは、フォームシリアル化、日付のフォーマット、配列判断、デフォルト検証の設定、表示メッセージ、ポップアップウィンドウ、初期化プラグイン、初期化フォーム、ファイルのダウンロード、フォームセービングなどを含む多くのツールメソッドを定義します。 ELES = [[{label：{text： 'custom username： '}、ele：{type：' text '、name：' username '、title：' username： '、required：true}}、{ele：{type：' radio '、nam e： 'sex'、title： 'gender：'、items：[{text： 'male'、value：1}、{text： 'femal'、value：2}]}}}、{ele：{type： 'checkbox'、名前： 'Plant'、Title： 'Platform：'、items：[{text： 'app'、value： 'app'}、{text： 'web'、value： 'web'}]}}} ]、[{ele：{type： 'select'、name： 'province'、title： 'province：'、withnull：true、items：[{text： 'guangdong'、balue： 'gd'}、{balue： 'hunan'、value： 'hn'}}}}、{ele：{pre： '<input：' <input type = "Radio"> '}、type：' text '、name：' displayname '、title：' display name： '}、{ele：{type：' search '、title：' product '、id：' productname '、exicew}}]、期間： '}、{ele：{type：' dateTime '、' todate '、title：'〜 '}、]; }）。render（ 'formcontainer'、function（bf）{var Model = {PrimaryKey：1、username： 'xxg'、sex：1、plant：['app'、 'web']、untion： 'gd'、displayname： 'test'、crowtname： 'noteb ook '、fromedate：' 2015-06-10 '、Todate：' 2015-08-08 '}; bf.initformdata（model）;}）; $（ "＃btnsubmit"） （）{if（！$（ "＃formContainer"） Global.fn.setDefaultValidator（）; //検証ルール$（ "＃formcontainer"）ユーザー名列は、必要なフィルインと長さの確認で構成されています。実行中のインターフェイスは、ユーザー名値を削除します。フォームを送信するときに効果を確認できます。
レンダリングは次のとおりです。