JS实现选择不同select标签option值的验证
2015-09-26 16:43
645 查看
js实现不同select标签option值的验证
功能描述:
选择中文时,匹配中文的正则表达式,选择英文选项是匹配英文的表达式,并且有对应的提示信息。html代码片段:
<select id="word_type" name="S1"> <option value="0">中文</option> <option value="1">英文</option> </select> <input name="" id="searchbox" type="text" /> <button onclick="search_word()">搜索</button>
JS代码片段:
<script> function trimStr(str){ return str.replace(/(^\s*)|(\s*$)/g,"");//去掉空格 } function search_word(){ var sword = document.getElementById("searchbox").value;//获取下拉框所选值 if(trimStr(sword) == ""){ alert( "输入不能为空!"); } else{ if( document.getElementById("word_type").value == '0') { var chinese=/^[\u4e00-\u9fa5]+$/;//匹配中文,需要在正则表达式前加上转义符 if (!chinese.exec(sword)) { alert( "输入错误,请输入中文!"); } else { return ture; } } else{ var english=/^[a-zA-Z]+$/;//匹配英文,需要在正则表达式前加上转义符 if (!english.exec(sword)) { alert("输入错误,请输入英文!"); } else { return ture; } } } } </script>
相关文章推荐
- JS实现类似网页的测试考卷
- JavaScript高级程序设计之变量、作用域和内存问题之垃圾收集第4.3讲敏敏笔记
- Js-函数回调
- javascript得到浏览的可用高度
- JavaScript高级程序设计之变量、作用域和内存问题之执行环境及作用域第4.2讲敏敏笔记
- javascript自学之路(三)————js对象类型之本地对象
- 深入分析jsonp协议原理
- Ember.js 入门指南——路由重定向
- 浅谈JSON中stringify 函数、toJosn函数和parse函数
- js 为label标签和div标签赋值
- javascript编码规范
- JavaScript高级程序设计之变量、作用域和内存问题之基本类型和引用类型的值第4.1讲笔记
- 应用seajs 做了个向上滚动的demo
- javascript 奇技淫巧45招
- JavaScript高级程序设计之基本概念之函数第3.7讲笔记
- JavaScript高级程序设计之基本概念之语句第3.6讲笔记
- 浅谈JSONP跨域请求
- JSON数据解析
- JavaScript高级程序设计之基本概念之相等操作符第3.5.8讲笔记
- JavaScript高级程序设计之基本概念之相等操作符第3.5.7讲笔记