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

分享到:

最近浏览
winamy4月26日
暂无贡献等级
李先森 LV14月12日
最代码贡献等级说明
李振林4月12日
暂无贡献等级
Calvin84224月11日
最代码贡献等级说明
qiugeqiuge4月7日
暂无贡献等级
府二期4月6日
暂无贡献等级
12570404644月5日
暂无贡献等级
qianrui4月2日
暂无贡献等级
yzcan4月1日
最代码贡献等级说明
yaobin3月30日
暂无贡献等级
唐老鸭3月29日
最代码贡献等级说明
ts105423月29日
最代码贡献等级说明
wwwzzzjjj3月28日
最代码贡献等级说明
swimmingdog3月28日
暂无贡献等级
暂无贡献等级
ggtggt3月27日
最代码贡献等级说明
lennan3月25日
暂无贡献等级
Lorraine_Luo3月25日
暂无贡献等级
patiencexu3月25日
暂无贡献等级
cy_0013月24日
暂无贡献等级
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友