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

分享到:

最近浏览
Gfei 4小时前
暂无贡献等级
风自在 昨天
最代码贡献等级说明
Lewins 昨天
暂无贡献等级
zs2649454828 昨天
暂无贡献等级
新手社 昨天
暂无贡献等级
微微上翘 前天
最代码贡献等级说明
wanghongru1203 3月21日
最代码贡献等级说明
arBen 3月21日
最代码贡献等级说明
chenzp 3月20日
暂无贡献等级
u9第一帅 3月20日
最代码贡献等级说明
三带一 LV2 3月20日
最代码贡献等级说明
附耳聆听 3月20日
最代码贡献等级说明
lcp000 3月20日
暂无贡献等级
wangautis 3月20日
最代码贡献等级说明
hunagqi 3月20日
暂无贡献等级
程序猿全敏 LV3 3月20日
最代码贡献等级说明
caixin9749 3月19日
暂无贡献等级
chinkorn 3月19日
最代码贡献等级说明
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友