西北马二最代码的gravatar头像
西北马二最代码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()与正则表达式结合过滤字符串,然后,再用“!”(非)符号判断是否为空,最后弹出相应的提示框。


打赏

分享到:

最近浏览
zhizaideren1月19日
最代码贡献等级说明
weienqing2017年11月16日
最代码贡献等级说明
可爱的小猪2017年10月25日
最代码贡献等级说明
2037785132017年9月13日
最代码贡献等级说明
q28238652017年9月7日
暂无贡献等级
过客冲冲2017年6月13日
最代码贡献等级说明
zc125wy2017年5月22日
暂无贡献等级
大懒虫2017年5月18日
最代码贡献等级说明
whb55662017年5月18日
最代码贡献等级说明
winamy2017年4月26日
暂无贡献等级
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友