,今天公司突然提出要将页面中必填的输入框设置成红色,开始是想省事点直接到页面上在必填的输入框中加入样式,这样需要一个一个也页面的改,而且感觉写的很死!后来经过讨论决定采用一种灵活的方式加入样式。经过一天的努力终于成功找到解决办法实现代码如下,虽然代码不长但是却花费了我一天的时间,在里面我又学到了许多知识。
,,通用方法代码:
,,,,
/* *
, *将页面中的必填选项输入框设置为红色
, * @param形式,表单名称
, * @param validateOption,验证操作名
, */
常见。requiredHint=函数(形式,validateOption) {
/* *判断验证中是否存在要求属性的字段*/
如果(validateOption !=null) {
var myrules=validateOption.rules;
如果(myrules !=null) {
(var项myrules) {
如果(myrules[项目].required) {
$(":输入[name=" +项目+ "]”、“#”+形式).addClass (“inputborder”);
}
}
}
}
/* *判断输入属性中是否存在要求属性*/
var输入=$(':输入',' # ' +形式),
如果(输入!=null) {
(var i=0; i< inputs.length;我+ +){
如果(输入[我].required) {
$(" # " +输入[我].id) .addClass (“inputborder”);
}
},
}
};
在需要设置必填提示的页面加入如下代码:
common.requiredHint (“updateForm”, systemParamOptions);
updateForm为必填项所在表单ID。
systemParamOptions为验证验证插件定义的规则变量。例如:
var systemParamOptions={
规则:{
paramName: {
要求:真的,
最大长度:25
},
paramValue: {
最大长度:50
},
paramMemo: {
最大长度:250}
},
//设置错误信息显示到指定位置
errorPlacement:函数(错误,元素){
元素=element.parent ();
常见。showmassage(错误,元素);
},
成功:美元。等待,
submitHandler:函数(形式){
盒子。确认(“确定要执行【保存】操作?”,功能(数据){
,,,,,,如果(数据){
(# updateForm)美元.ajaxPost (dataType.json submitSuc);
,,,,,,}
,,,,},{
,,,,,,标题:“提示信息的
,,,,});
}
};
可以从以上代码中学习到一下知识点:
js中操作json对象,json对象如下
规则:{
paramName: {
要求:真的,
最大长度:25
},
paramValue: {
最大长度:50
},
paramMemo: {
最大长度:250}
}
获取对象中的信息可以通过一下的方式
1 (var item 在对象名(规则))通过循环可以逐一获取属性名(例如:paramName, paramValue, paramMemo)也可以通过规则[项目].required方式获取指定属性的值。
2,美元(”:输入[name=" +项目+ "]”、“#”+形式),在指定形式获取指定名称的输入对象。
3给查询对象添加样式方法.addClass(“样式名称“)例如:
,
。inputborder {
,,边界:# CC0033 1 px固体;
}
.addClass (“inputborder”)。
4获取指定形式下的输入对象。美元(“:输入”、“#”+形式),
5 jquery对象与dom对象的区别:var=,输入$(':输入',' # ' +形式),输入是jquery对象。而,输入[我]。中要求的,输入[我]就是dom对象(即用传统js方法获取的对象).jquery对象只能调用jquery定义的方法,不能调用dom对象的方法。同样dom对象也只能调用dom中的方法,不能调用jquery中的方法。详情请参考