bootstrapvalidator使用,重置校验

摘要:
',验证器:{notEmpty:{message:“项不能为空!”({(});}通常,当加载页面时,我们需要开始$的第一次验证。准备好的在一系列操作之后,我们需要清除表单验证的内容并重新启用验证。例如,我将表单表单放入一个模态框中。每次打开模式框时,我都会初始化表单并重置表单中的验证值。$data.desty();$。数据表单验证器;重置表单$[0]。关闭//$时reset()需要获取数组的第一项。

1.html页面需要注意的是验证字段需要用form-group包裹。需要引用相应的css和js。

<form   role="form" class="form-horizontal">
	<input type="hidden"   name="jobId"  value="">
	<div class="row">
		<div class="form-group">
			<label class="col-sm-3 control-label no-padding-right"><i class="red fa fa-asterisk font-80"></i>作业分类</label>
			<div class="col-sm-8">
				<input type="text"     name="jobType" >	
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label no-padding-right"><i class="red fa fa-asterisk font-80"></i>项目</label>
			<div class="col-sm-8">
				<input type="text"     name="projectName" >
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label no-padding-right">作业下发状态</label>
			<div class="col-sm-8">
				<select      name="issuedState" tabindex="-98">
					<option value="0">未下发</option>
					<option value="1">已下发</option>
					<option value="2">已更新</option>
				</select>
			</div>
		</div>
		<div class="form-group">
			<button type="button"     onclick="saveInfo()">保存</button>
			<button   type="button" name="submit" onclick="self.location=document.referrer;" class="btn btn-default">返回</button>
		</div>
    </div>
</form> 

2.js代码

这是验证输出的文字

function formValidator(fm) {
    // 表单验证
    fm.bootstrapValidator({
        message: 'This value is not valid',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
        	jobType: {
                message: '作业分类不能为空!',
                validators: {
                    notEmpty: {
                        message: '作业分类不能为空!'
                    }
                }
            },
            projectName: {
                message: '项目不能为空!',
                validators: {
                    notEmpty: {
                        message: '项目不能为空!'
                    }
                }
            }            
        }
    });
}

 一般在页面加载完时,我们要启动第一次校验

$(document).ready(function(){
	formValidator($("#jobForm"));
});

经过一系列操作后,我们需对表单验证的内容进行清空处理,并且重新启用验证。

例如,我将form表单放入一个模态框中,在我每次打开模态框时,初始化form表单,并且重置表单中已经校验过的值。

bootstrapvalidator使用,重置校验第1张

 在点击图片中的加号时,我进行的操作

//移除上一次的校验结果,重新添加表单校验。
$("#jobForm").data('bootstrapValidator').destroy();
$('#jobForm').data('bootstrapValidator',null);
formValidator($("#jobForm"));

 关闭时重置表单

$('#jobForm')[0].reset();//$("#jobForm")获取的是数组,所以需要取出数组的第一项。重置表单

免责声明:文章转载自《bootstrapvalidator使用,重置校验》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇初步使用vue中axiosinput的radio根据value和name反向显示下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

图书管理系统

1、创建app之后注册 settings.py 2、templates文件夹创建以及配置文件中的路径配置 settings.py 3、django连接MySQL 1.配置文件配置 2.__init__文件中书写下面两行代码 4、静态文件配置 1.手动创建static文件夹 2. html页面上动态解析接口前缀 5、创建类(建表)并执行数据库迁移命...

easyui form load 数据表单有下拉框

(function () { $('#text1').combobox({ url: 'http://localhost:5463/test/getComboJson' }) $('#text2').combobox({ url: 'http://lo...

每日总结4.1

Python CGI编程 什么是 CGI CGI 目前由 NCSA 维护,NCSA 定义 CGI 如下: CGI(Common Gateway Interface),通用网关接口,它是一段程序,运行在服务器上如:HTTP 服务器,提供同客户端 HTML 页面的接口。 网页浏览 为了更好的了解 CGI 是如何工作的,我们可以从在网页上点击一个链接或 URL...

flask jinja的宏

form中关于表单的定义 classAreaListForm(Form): area1 = BooleanField(u'1区', default=False) area2 = BooleanField(u'2区', default=False) area3 = BooleanField(u'3区', default=False)...

[导入]一个Form验证的方案

asp.net自己带了一个可以自动生成认证的类,但这个FormsAuthentication自动的Cookie除了包含认证票据以外,不能自己带其它的数据。 而对于一个项目来说,可能要对浏览者进行不同类型的验证,而对于asp的写法来说,就是用session来验证。我不喜欢这样的方法,而且这样的话也就不能实现自动登录了。 还好,.net里带了一个可以自己定义票据...

开发一个简易的图书增删改查页面

需求 """1. 实现用户登录、注册 2. 列出图书列表、出版社列表、作者列表 3. 点击作者,会在新的页面列出该作者出版的图书列表 4. 点击出版社,会列出该出版社旗下图书列表 5. 可以创建、修改、删除 图书、作者、出版社 A. 点击修改书籍按钮,弹出模态框,模态框中展示该书的信息且信息可以修改, B. 书名不可重复,不可修改 C. 修改图书信息时...