用layui写一个表单的所有过程

用框架将所有的控件全部排列整齐，【居中，两边对齐】

直接在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文档中都有，简单直观