需要输入标签中和验证中存在属性的对应的输入输入框设置为红色

,今天公司突然提出要将页面中必填的输入框设置成红色,开始是想省事点直接到页面上在必填的输入框中加入样式,这样需要一个一个也页面的改,而且感觉写的很死!后来经过讨论决定采用一种灵活的方式加入样式。经过一天的努力终于成功找到解决办法实现代码如下,虽然代码不长但是却花费了我一天的时间,在里面我又学到了许多知识。

,,通用方法代码:

,,,,

/* *

, *将页面中的必填选项输入框设置为红色

, * @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中的方法。详情请参考


需要输入标签中和验证中存在属性的对应的输入输入框设置为红色