これ以上苦労することなく、この記事では、フロントエンドHTMLコードの最初のピースとJSコードの2番目のピース、2つのコードの2つのコードを共有します。コードはシンプルで理解しやすいです。重要なコードは次のとおりです。
フロントエンドHTMLコード
<form id = "myform" method = "post" action = "/task/test"> <div> <div> <abol> task name </label> <div> <input type = "text" name = "takemame" id = "takemame"/> </div> div> <div> <div> <ableas> assembly name </label> <input = "dlname" dlname "dlname" dllname "dllname" dllname "dllname" dllname " /> </div> </div> <div> <label> class name </label> <div> <入力タイプ= "text" name = "methodname" id = "methodname"/> </div> </div> <div> <ラベル> label> <div> <div> <入力タイプ= "テキスト" name = "cron" id = "cron" type = "text" name = "cronremark" id = "cronremark"/> </div> </div> <div> div> <label> <入力タイプ= "チェックボックス"チェック= "チェックされた" id = "enabled"> <span> enable </span> </label> </div> </div> </div button </<button </<button </<ボタンtype = "submit">送信</button> </div> </form>
JS
<script> $（document）.ready（function（）{$（ "＃myform"）。bootstrapvalidator（{message： 'この値は有効ではない'、フィードバック符：{valid： 'glyphicon glyphicon-remove'、 'glyphicon grephicon remove'、belidating： 'glyphicon glyphicon-remove'、 {balidators：{message： 'task nail be veemy'}}}、{validation：{notempty： 'assembly name nable'}、//リモート{"valid"、true} // url： '/task/test3'、//検証アドレス//メッセージ： 'ユーザーは既に存在する'、//遅延：3000、//タイプ： 'post'、/**カスタム送信データ、デフォルトの値は現在の入力値を提出します$（ '[name = "passwordnameattribute inyourform"]'） {notempty：{message： 'cron expression cban veemy'}}}}、submithandler：function（validator、form、submitbutton）{var taskdata = {}; taskdata.taskname = $（ '＃takemame'）。 $（ '＃methodname'）。val（）; taskdata.cronexpression = $（ '＃cron'）。val（）; taskdata.remark = $（ '＃cronremark'）。 "/task/addtask"、data：taskdata、success：function（data）{alert（data）; $（ '＃myform'）。data（ 'bootstrapvalidator'）この方法はajaxの提出物であり、提出イベントは副産物で書かれています
上記は、編集者が紹介したブートストラップ検証コントロールの使用に関する関連する知識です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！