浅析Bootstrap验证控件的使用
发布时间：2020-12-18 00:52:23 所属栏目：安全 来源：网络整理
导读：废话不多说，本文大概给大家分享两块代码，第一块前端HTML代码，第二块js代码，代码简单易懂，关键代码如下所示： 前端HTML代码 JS 该方式为AJAX提交，提交事件写在submitHandler 以上所述是小编给大家介绍的Bootstrap验证控件的使用 的相关知识。编程之家 j
|
废话不多说，本文大概给大家分享两块代码，第一块前端HTML代码，第二块js代码，代码简单易懂，关键代码如下所示： 前端HTML代码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验证控件的使用 的相关知识。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |