西北马二最代码
2017-03-19 10:00:21
一些实用的javascript代码段总结
第一段:验证用户是否输入和去除字符串左右两边的空格
javascript代码段如下:
首先我们要现建立一个isMessage()的函数:
function isMessage(chars){ //验证输入是否为空,chars为过滤后的字符 return !chars ? true : false; return chars.length = 0 ? true : false; }
<script type="text/javascript"> window.onload = function(){ //获取验证是否为空的响应元素 var _isMessage = document.getElementById("isMessage"), _mess = document.getElementById("mess"); //获取待验证的文本对象 _isMessage.onclick = function(){ if(!_mess.value.replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g,"")){ //判断是否为空 alert("您的输入为空!"); }else{ alert("您的输入不为空!"); } } }; </scrip>
上面是实现上述功能的javascript代码段,接下来我们一起来为这段代码量身打造几句简单的HTML语言,可以让有心的同学学习和使用这个简单的功能代码:
<h2>验证是否输入</h2> <input type = 'text' id = 'mess' value = ' 需要过滤空格'> <input type = 'button' id = 'isMessage' value = '验证是否为空'>
ok,大功告成,这就是验证用户是否输入和去除字符串两边的空格的javascript代码段的简单实现,接下来,我们一起来分析一下这段代码它到底是一种什么样的实现结构;
首先,我们可以看到,在第一段代码,我们首先创建了一个isMessage()函数,用来得到过滤后的chars,验证其输入是否为空,然后将其产生的结果作为参数返回,接下来,我们进行了判断其输入是否为空和去除字符串左右两边的空格的代码段的创建,得到在HTML代码创建的两个input元素,然后创建window.onload事件,利用getElementById()得到他们的ID,这就算是获取到了要检查的元素和对象了,在定义函数的点击事件,进行逻辑上的判断。
首先,利用replace()与正则表达式结合过滤字符串,然后,再用“!”(非)符号判断是否为空,最后弹出相应的提示框。
评论