بدون مزيد من اللغط ، ستشارك هذه المقالة معك قطعتين من التعليمات البرمجية ، أول قطعة من رمز HTML الأمامي والقطعة الثانية من رمز JS. الكود بسيط وسهل الفهم. رمز المفتاح كما يلي:
رمز HTML في الواجهة الأمامية
<form id = "myform" method = "post" Action = "/task/test"> <viv> <viv> <blabe> اسم المهمة </label> <viv> <type type = "text" name = "takeame" id = "takeame"/> </vll> <div> <vile> <silling> اسم التجميع </label> <div> /> </viv> </viv> <viv> <sial> اسم الفئة </label> <viv> <input type = "text" name = "methodname" id = "methodname"/> </viv> </viv> <viv> <blabel> cron expression </bable> <div> type = "text" name = "cronremark" id = "cronremark"/> </viv> </viv> <viv> <viv> <label> <input type = "checkbox" checked = "checked" id = "button"> <span> تمكين </span> </label> </div> </div> <div> اكتب = "إرسال"> إرسال </button> </viv> </form>
JS
<script> $ (document) .Ready (function () {$ ("#myform"). bootstrapvalidator ({message: "هذه القيمة غير صالحة" ، ردود الفعل: {صالحة: 'glyphicon glyphicon-ok' ، 'glyphicon-reficon-reficon ، {Takename: {Doothors: {notempty: {message: 'اسم المهمة لا يمكن أن يكون فارغًا'}}} ، dllname: {devalators: {notempty: {message: "لا يمكن أن يكون اسم التجميع فارغًا". {"Valal" ، true} // url: '/task/test3' ، // address address // message: 'user usists بالفعل' ، // regal message // delay: 3000 ، // type: 'post' ، // request method // // reglure review: $ ('[name = "passionMeAtTributeIntyourform"]'). val () ، // أيا كان: $ ('[name = "haymeAttributeIneOrform"]'). val () //} ؛ //} // *//} ،} ، methodname: {notempty: {message: 'تعبير cron لا يمكن أن يكون فارغًا'}}}}}} ، submithandler: function (adadator ، form ، submitbutton) {var taskdata = {} ؛ taskData.taskName = $ ('#taked'). val () ؛ $ ('#methodname'). val () ؛ taskData.cronexpression = $ ('#cron'). val () ؛ taskData.Remark = $ ('#cronremark'). val () "/Task/AddTask" ، البيانات: TaskData ، النجاح: الوظيفة (البيانات) {Alert (data) ؛ $ ('#myform'). data ('bootstrapvalidator'). resetform (true) ؛}}) ؛})}) </script>هذه الطريقة هي تقديم Ajax ، ويتم كتابة حدث التقديم في Submithandler
ما سبق هو المعرفة ذات الصلة حول استخدام عناصر التحكم في التحقق من bootstrap التي قدمها لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!