百度前端技术学院task

任务描述

1.用户输入城市名称和空气质量指数后，点击“确认添加”按钮后，就会将用户的输入在进行验证后，添加到下面的表格中，新增一行进行显示
用户输入的城市名必须为中英文字符，空气质量指数必须为整数
2.用户输入的城市名字和空气质量指数需要进行前后去空格及空字符处理（trim）
3.用户输入不合规格时，需要给出提示（允许用alert，也可以自行定义提示方式）
4.用户可以点击表格列中的“删除”按钮，删掉那一行的数据

任务中遇到的问题以及解决：
1.字符串的验证：
使用String.match函数，用//包裹正则表达式，类似于下面的形式：
city.match(/^[a-zA-Z\u4E00-\u9FA5]+$/)
中文字符一般使用\u4E00-\u9FA5来验证，这个是UTF-8编码
2.字符串去空格，采用原生扩展的方法

String.prototype.trim = function() {
return this.replace(/[(^\s+)(\s+$)]/g, “”)
};
3.init 放在window.load中
window.onload= function {}
4.添加点击时间addEventHandler
5.对于还未创建的按钮，可以对它的父亲添加点击时间，再对event.target做判断，对于不同的button,可以使用data-set判断是哪个窗口。
还可以在创建button时指定onclick句柄