(七)JavaScript之[调试]与[前端表单验证]
2024-10-19 15:29:51
12】、调试
为什么要去调试?
1.在编写JavaScript时,如果没有调试工具将是一件很痛苦的事情。
2.没有调试工具是很难去编写JavaScript程序的。
3.编写的代码可能包含语法错误、逻辑错误,如果不借助调试工具,这些错误很难去发现
4.帮助找到错误信息的位置
通常,在编写一个新的JavaScript代码过程中都会发生错误
代码调试:在程序代码中寻找错误
console.log()
我用的chrome浏览器[控制台console等]进行调试,因为chrome的开发者工具是最好的前端调试工具
debugger 关键字用于停止执行 JavaScript,并调用调试函数。
这个关键字与在调试工具中设置断点的效果是一样的。
13】、表单验证
<form action="">
邮箱:<input id="email" type="text"/>
<input id="submit" type="button" value="submit" />
</form> <p style="color: red;" id="result"></p>
/**
验证email
并非符合实际开发需要
*/ function $(id) {
return document.getElementById(id);
} var email = $('email');
var result = $('result');
var submit = $('submit'); email.addEventListener('keyup', function () {
if(email.value.indexOf('@') > 0) {
result.innerHTML = '';
}else if(email.value.indexOf('@') < 0) {
result.innerHTML = '请输入正确的邮箱格式,包括@';
}
}, false); submit.addEventListener('click', function () {
if(email.value == null || email.value == ''){
result.innerHTML = '邮箱不得为空';
}else {
//判断长度,不小于6位
if(email.value.length < 6){
result.innerHTML = '邮箱不得小于6位';
}
}
}, false);
最新文章
- scala 学习笔记(06) OOP(下)多重继承 及 AOP
- 湖大OJ-实验C----NFA转换为DFA
- varnish中忽略cookie进行缓存
- C#中的lock关键字;就是lock住一个大家都共同访问的(静态static的)东东就行了
- Selenium2Library系列 keywords 之 _SelectElementKeywords 之 page_should_not_contain_list(self, locator, message=&#39;&#39;, loglevel=&#39;INFO&#39;)
- Android 线程Thread的2种实现方法
- iOS开发基础之排序
- 【Linux】rsync同步文件 &; 程序自启动
- jquery盒模型元素尺寸设置
- SmartPhone手机网站的制作
- IOS 保存图片至相册
- 教你一步一步部署.net免费空间OpenShift系列之三------上传ASP.net程序
- Python上下文管理器
- Html和Css学习笔记-html基础知识
- 数据结构学习之栈求解n皇后问题
- 无依赖简单易用的Dynamics 365公共视图克隆工具
- sort排序原理
- React 的坑
- java上传文件常见几种方式
- js Ajax 请求返回