在本文中，我们将为您详细介绍form的valid验证的原理的相关知识，并且为您解答关于form.valid的疑问，此外，我们还会提供一些关于中的value为空字符串不显示的问题、bootstrapVa
在本文中，我们将为您详细介绍form的valid验证的原理的相关知识，并且为您解答关于form.valid的疑问，此外，我们还会提供一些关于
- form的valid验证的原理（form.valid）
- 的value为空字符串不显示的问题">
- bootstrapValidator form表单验证
- CKEditor无法验证的解决方案（js验证+jQuery Validate验证）
- django form.errors 显示“此字段是必需的！”使用 form.isvalid 运行模型表单验证后
form的valid验证的原理（form.valid）
form的valid验证的原理
import re
import copy
class ValidateError(Exception):
def __init__(self,detail):
self.detail = detail
# ###################### 插件
class TextInput(object):
def __str__(self):
return "<input type=''text'' />"
class EmailInput(object):
def __str__(self):
return "<input type=''email'' />"
# ###################### 内部包含正则，用于验证
class Field(object):
def __init__(self,required=True,error_messages=None,widget=None):
self.required = required
self.error_messages = error_messages
if not widget:
self.widget = TextInput()
else:
self.widget = widget
def __str__(self):
return str(self.widget)
class CharField(Field):
def valid(self,val):
if self.required:
if not val:
msg = self.error_messages[''required'']
raise ValidateError(msg)
return val
class EmailField(Field):
REG = "^\w+@\w+$"
def valid(self,val):
if self.required:
if not val:
msg = self.error_messages[''required'']
raise ValidateError(msg)
result = re.match(self.REG,val)
if not result:
msg = self.error_messages.get(''invalid'',''格式错误'')
raise ValidateError(msg)
return val
# ###################### Form，获取用户提交内容+获取定义的字段对象
class Form(object):
def __init__(self,data=None):
# 获取派生类中的所有静态字段
# print(self.__class__.__dict__)
self.data = data
self.fields = copy.deepcopy(self.__class__.declare_field)
self.cleaned_data = {}
self.errors = {}
def __new__(cls, *args, **kwargs):
declare_field = {}
for field_name, field in cls.__dict__.items():
if isinstance(field,Field):
declare_field[field_name] = field
cls.declare_field = declare_field
return object.__new__(cls)
def is_valid(self):
# 用户提交的数据
# self.data # {"username":"alex","pwd":18,''xxx'':11}
# self.fields # {"username":CharField(), "pwd": EmailField() }
for field_name,filed in self.fields.items():
try:
input_val = self.data.get(field_name)
val = filed.valid(input_val)
method = getattr(self,"cleaned_%s" %field_name,None)
if method:
val = method(val)
self.cleaned_data[field_name] = val
except ValidateError as e:
self.errors[field_name] = e.detail
return len(self.errors) == 0
def __iter__(self):
return iter(self.fields.values())
class UserForm(Form):
username = CharField(error_messages={''required'':''用户名不能为空''},widget=TextInput())
pwd = EmailField(error_messages={''required'':''密码不能为空'',''invalid'':''密码格式错误''},widget=EmailInput())
# ############### 应用
obj = UserForm(data={"username":"sdf","pwd":"sdf",''xxx'':666})
if obj.is_valid():
print(''验证成功'',obj.cleaned_data)
else:
print("验证失败",obj.errors)
# ##################### HTML #####################
for x in obj:
print(x)
的value为空字符串不显示的问题" alt="
的value为空字符串不显示的问题">中的value为空字符串不显示的问题
<tr>
<td align="right">属性名:</td>
<td align="left">
<form:select path="property">
<!--这里1和0的都能正常显示，但空字符串的不显示，表格页面使用js判断value == null || value == "" 的可以正常显示，这好像不能用null。还有什么办法吗？ -->
<form:option value="">未办理</form:option>
<form:option value="1">成功</form:option>
<form:option value="0">失败</form:option>
</form:select>
</td>
</tr>
bootstrapValidator form表单验证
1：引入相应的css和js
css:
<link href="<%=path%>/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/bootstrapValidator.min.css" rel="stylesheet" type="text/css">
js:
<script src="<%=path%>/js/jquery.min.js" type="text/javascript"></script>
<script src="<%=path%>/js/bootstrap.min.js" type="text/javascript"></script>
<script src="<%=path%>/js/bootstrapValidator.min.js"></script>
2:相应的html代码：
<form id="formAddpic" method="post" action="${pageContext.request.contextPath}/activity/addpic.shtml">
<div >
<label for="picName" >姓名:</label>
<div >
<input type="text" id="picName" name="picName" placeholder="姓名">
</div>
</div>
<div >
<label for="picDepartment" >部门:</label>
<div >
<input type="text" id="picDepartment" name="picDepartment" placeholder="部门">
</div>
</div>
<div >
<label for="picPhone" >手机:</label>
<div >
<input type="text" maxLength="11" id="picPhone" name="picPhone" placeholder="手机">
</div>
</div>
<div >
<label for="picEmail" >邮箱:</label>
<div >
<input type="email" id="picEmail" name="picEmail" placeholder="邮箱">
</div>
</div>
<div >
<div >
<button type="submit" id="setpicbtn" >确认</button>
</div>
</div>
</form>
3：js代码：
$(function() {
var formAddpic = $(''#formAddpic'');
$("#setpicbtn").bind("click", function() {
formAddpic.submit()
});
formAddpic.bootstrapValidator({
message : ''输入有误'',
feedbackIcons : {
valid : ''glyphicon glyphicon-ok'',
invalid : ''glyphicon glyphicon-remove'',
validating : ''glyphicon glyphicon-refresh''
},
fields : {
picName : {
validators : {
notEmpty : {
message : ''负责人不能为空''
}
}
},
picDepartment : {
validators : {
notEmpty : {
message : ''部门不能为空''
}
}
},
picPhone : {
validators : {
notEmpty : {
message : ''手机号码 必须填写''
},
regexp : {
regexp : /^\d{11}$/,
message : ''手机号码为11位数字''
}
}
},
picEmail : {
validators : {
notEmpty : {
message : ''邮箱不能为空''
},
emailAddress : {
message : ''不是合法的邮件''
}
}
}
}
}).on(
''success.form.bv'',
function(e) {
e.preventDefault();
var $form = $(e.target);
$.post($form.attr(''action''), $form.serialize(),
function(result) {
$("#addpic").modal("hide");
$("#tablePic").bootstrapTable("refresh");
}, ''json'');
})
});4：
CKEditor无法验证的解决方案（js验证+jQuery Validate验证）
最近项目的前端使用了jQuery，表单的前端验证用的是jQuery Validate，用起来很简单方便，一直都很满意的。
前段时间，根据需求为表单中的 textarea 类型的元素加上了html富文本编辑器，用的是CKEditor，功能强大，定制方便，也很满意。
不过用CKEditor增强过的 textarea 元素，这个字段要求是非空的，在jQuery Validate总是验证不通过，原因就是在 CKEditor 编辑器填写了内容之后，编辑器并不是立即把内容更新到原来的 textarea 元素中的，我没仔细看源代码，试过一种情况就是每一次提交不通过，第二次提交就可以通过的，貌似编辑器是在 submit 事件之前把编辑器的内容更新到 textarea 中的（这个是猜测，不知道对不对，我对jQuery 和 CKEditor 都不太熟悉，算是拿来就用，有问题就放狗的那种）。
于是在网上找到了解决问题的代码，代码不是我写的，我只是记录一下我遇到的问题，代码非原创。原理就是当编辑器更新了内容之后，立即把内容更新到 textarea 元素。
});
function updateTextArea()
{
CKEDITOR.tools.setTimeout( function()
{
$("#page_content").val(CKEDITOR.instances.page_content.getData());
$("#page_content").trigger('keyup');
},0);
} 目前一切使用正常，算是解决了一个让我头痛的问题。
另一种解决思路：
CKEditor 编辑器是增强过的 textarea 元素,在填写了内容之后，编辑器并不立即把内容更新到原来的 textarea 元素中的,而是等到 submit 事件之前把编辑器的内容更新到 textarea 中. 因此,普通的js验证或是jquery validate验证都获取不到编辑器的值.)
