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


打赏
最近浏览
wkc  LV21 2020年6月28日
茫茫人海中的小牛  LV10 2019年10月21日
zhizaideren  LV2 2018年1月19日
weienqing  LV17 2017年11月16日
可爱的小猪  LV11 2017年10月25日
203778513  LV9 2017年9月13日
q2823865 2017年9月7日
暂无贡献等级
过客冲冲  LV3 2017年6月13日
zc125wy  LV3 2017年5月22日
大懒虫  LV16 2017年5月18日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友