最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
简单WEB开发规范
时间:2022-07-02 22:53:25 编辑:袖梨 来源:一聚教程网
一.页面设计部分
1.img控件
alt:所有展示类图片都要具有能简要描述图片内容的文字说明。
2.Input控件
maxlength:所有INPUT控件都需要制定maxlength属性,默认值为数据库中对应的字段的长度。
readonly:所有不可更改的信息都要使用readonly属性。
3.Form控件
action:所有Form都要指定action,如果提交给本身就指定action=""
method:执行不可逆动作使用POST,可逆动作使用GET
onsubmit:所有form都要指定提交前需要的检查程序。
所有form都要有对应的reset button。
4.button控件
onclick:form中用于提交的button不容许使用此方法,所有数据检查通过form的onsubmit激活。
5.title属性
所有页面都要具有和本页标题相同的title。
6.控件的命名
采用控件类型缩写(小写)+英文单词(第一个字母大写)的方法。
开发中控件基本涉及一下几类
button:btn
form:frm
select:sel
textarea:txt
input:ipt
7.语言设置
所有中文页面都要加上如下语句:
8.控件属性赋值
所有控件的属性值都要使用双引号或者单引号包括起来。
二.客户端程序部分
1.错误提示信息的处理(2-1)
所有错误信息全部使用中文提示错误信息,标点使用中文半角符号,格式如下:
"错误:"+提示信息+"!"
2.成功提示信息的处理(2-2)
所有成功信息全部使用中文提示成功信息,标点使用中文半角符号,格式如下:
"成功:"+提示信息+"!"
3.页面的返回
所有需要返回上一页的时候使用history.back();不使用history.go(-1);
需要返回前n页(n>1)时使用history.go(-n);
所有返回都使用连接的方式而不是button。
4.提交前数据的判断
保证提交前的数据都会通过JavaScript进行数据类型以及长度的判断
是否为数字:使用函数isNaN()
长度判断: 长度要判断去掉前后空格后的实际长度
为空判断: 所有不容许为空的输入字段都要在去掉前后空格后进行判断,同时如果该字段为查询条件则必须不能为空
如果判断条件发现数据错误,则通过(2-1)提示错误信息,然后通过方法focus()聚焦错误字段。
1.img控件
alt:所有展示类图片都要具有能简要描述图片内容的文字说明。
2.Input控件
maxlength:所有INPUT控件都需要制定maxlength属性,默认值为数据库中对应的字段的长度。
readonly:所有不可更改的信息都要使用readonly属性。
3.Form控件
action:所有Form都要指定action,如果提交给本身就指定action=""
method:执行不可逆动作使用POST,可逆动作使用GET
onsubmit:所有form都要指定提交前需要的检查程序。
所有form都要有对应的reset button。
4.button控件
onclick:form中用于提交的button不容许使用此方法,所有数据检查通过form的onsubmit激活。
5.title属性
所有页面都要具有和本页标题相同的title。
6.控件的命名
采用控件类型缩写(小写)+英文单词(第一个字母大写)的方法。
开发中控件基本涉及一下几类
button:btn
form:frm
select:sel
textarea:txt
input:ipt
7.语言设置
所有中文页面都要加上如下语句:
8.控件属性赋值
所有控件的属性值都要使用双引号或者单引号包括起来。
二.客户端程序部分
1.错误提示信息的处理(2-1)
所有错误信息全部使用中文提示错误信息,标点使用中文半角符号,格式如下:
"错误:"+提示信息+"!"
2.成功提示信息的处理(2-2)
所有成功信息全部使用中文提示成功信息,标点使用中文半角符号,格式如下:
"成功:"+提示信息+"!"
3.页面的返回
所有需要返回上一页的时候使用history.back();不使用history.go(-1);
需要返回前n页(n>1)时使用history.go(-n);
所有返回都使用连接的方式而不是button。
4.提交前数据的判断
保证提交前的数据都会通过JavaScript进行数据类型以及长度的判断
是否为数字:使用函数isNaN()
长度判断: 长度要判断去掉前后空格后的实际长度
为空判断: 所有不容许为空的输入字段都要在去掉前后空格后进行判断,同时如果该字段为查询条件则必须不能为空
如果判断条件发现数据错误,则通过(2-1)提示错误信息,然后通过方法focus()聚焦错误字段。
相关文章
- 《无限暖暖》天星之羽获得位置介绍 12-20
- 《流放之路2》重铸台解锁方法介绍 12-20
- 《无限暖暖》瞄准那个亮亮的成就怎么做 12-20
- 《无限暖暖》魔气怪终结者完成方法 12-20
- 《无限暖暖》曙光毛团获得位置介绍 12-20
- 《无限暖暖》日光果获得位置介绍 12-20