（七）JavaScript之[调试]与[前端表单验证]

12】、调试
为什么要去调试？
1.在编写JavaScript时，如果没有调试工具将是一件很痛苦的事情。
2.没有调试工具是很难去编写JavaScript程序的。
3.编写的代码可能包含语法错误、逻辑错误，如果不借助调试工具，这些错误很难去发现
4.帮助找到错误信息的位置

通常，在编写一个新的JavaScript代码过程中都会发生错误

代码调试：在程序代码中寻找错误

console.log()
我用的chrome浏览器[控制台console等]进行调试，因为chrome的开发者工具是最好的前端调试工具
debugger 关键字用于停止执行 JavaScript，并调用调试函数。
这个关键字与在调试工具中设置断点的效果是一样的。

13】、表单验证

1 <form action="">
2     邮箱：<input id="email" type="text"/>
3     <input id="submit" type="button" value="submit" />
4 </form>
5
6 <p style="color: red;" id="result"></p>

 1 /**
 2  验证email
 3  并非符合实际开发需要
 4  */
 5
 6 function $(id) {
 7     return document.getElementById(id);
 8 }
 9
10 var email = $(‘email‘);
11 var result = $(‘result‘);
12 var submit = $(‘submit‘);
13
14 email.addEventListener(‘keyup‘, function () {
15     if(email.value.indexOf(‘@‘) > 0) {
16         result.innerHTML = ‘‘;
17     }else if(email.value.indexOf(‘@‘) < 0) {
18         result.innerHTML = ‘请输入正确的邮箱格式，包括@‘;
19     }
20 }, false);
21
22 submit.addEventListener(‘click‘, function () {
23     if(email.value == null || email.value == ‘‘){
24         result.innerHTML = ‘邮箱不得为空‘;
25     }else {
26         //判断长度，不小于6位
27         if(email.value.length < 6){
28             result.innerHTML = ‘邮箱不得小于6位‘;
29         }
30     }
31 }, false);