用框架将所有的控件全部排列整齐,【居中,两边对齐】
直接在layer里的示例里将需要的控件直接搬过来。
需要写什么:
1.ajax传输,在ajax发送之前的beforeSend里将发送之前需要的事件写好:
(1)传输过程中的图标显示 (2)submit按钮的禁用设置
同时需要在请求发送完成后的回调函数complete里,将图标去掉,并取消按钮的禁用
使用的模块化写法:
beforeSend
:
function () {
lay =
obj.
_load(
1);
if ((
typeof(
data.
elem)!=
"undefined")) {
jQuery(
data.
elem).
attr(
"disabled",
"disabled");
}
},
complete
:
function () {
obj.
_close(
lay);
if ((
typeof (
data.
elem) !=
"undefined")) {
jQuery(
data.
elem).
removeAttr(
'disabled');
}
},
这里必须将data.elem,也就是按钮的dom对象带入
2.表单验证【最舒服的验证写法】
lay-verify=
"required|workNum"
给必填项写上required,另外的自定义可以自己写:
form.
verify({
workNum
:
function(
value,
item){
//value:表单的值、item:表单的DOM对象
if(!
new
RegExp(
"^[a-zA-Z0-9_
\u
4e00-
\u
9fa5
\\
s·]+$").
test(
value)){
return
'工号不能有特殊字符';
}
if(
/
(
^
\_
)
|
(
\_
_
)
|
(
\_+
$
)
/.
test(
value)){
return
'工号首尾不能出现下划线
\'
_
\'
';
}
if(
/
^
\d
+
\d
+
\d
$
/.
test(
value)){
return
'工号不能全为数字';
}
}
这些写法layer文档中都有,简单直观