浅析Bootstrap验证控件的使用

前端之家收集整理的这篇文章主要介绍了浅析Bootstrap验证控件的使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

废话不多说,本文大概给大家分享两块代码,第一块前端HTML代码,第二块js代码代码简单易懂,关键代码如下所示:

前端HTML代码

名称
名称
名称
Box">

JS

$(document).ready(function () { $("#myForm").bootstrapValidator({ message: 'This value is not valid',FeedbackIcons: { valid: 'glyphicon glyphicon-ok',invalid: 'glyphicon glyphicon-remove',validating: 'glyphicon glyphicon-refresh' },fields: { takeName: { validators: { notEmpty: { message: '任务名称不能为空' } } },dllName: { validators: { notEmpty: { message: '程序集名称不能为空' },//remote: {//ajax验证。server result:{"valid",true or false} 向服务发送当前input name值,获得一个json数据。例表示正确:{"valid",true} // url: '/Task/Test3',//验证地址 // message: '用户已存在',//提示消息 // delay :3000,// type: 'POST',//请求方式 // /**自定义提交数据,默认值提交当前input value // * data: function(validator) { // return { // password: $('[name="passwordNameAttributeInYourForm"]').val(),// whatever: $('[name="whateverNameAttributeInYourForm"]').val() // }; // } // */ //},} },methodName: { validators: { notEmpty: { message: '类名称不能为空' } } },cron: { validators: { notEmpty: { message: 'cron表达不能为空' } } } },submitHandler: function (validator,form,submitButton) { var taskData = {}; taskData.taskName = $('#takeName').val(); taskData.dllPath = $('#dllName').val(); taskData.methodName = $('#methodName').val(); taskData.cronExpression = $('#cron').val(); taskData.remark = $('#cronRemark').val(); taskData.enabled = $('#enabled').is(':checked'); $.ajax({ type: "post",url: "/Task/AddTask",data:taskData,success: function (data) { alert(data); $('#myForm').data('bootstrapValidator').resetForm(true); } }); } }) })

该方式为AJAX提交,提交事件写在submitHandler

以上所述是小编给大家介绍的Bootstrap验证控件的使用 的相关知识。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/bootstrap/47626.html

猜你在找的Bootstrap相关文章