[html]简单去除输入框内的空格的代码

2017年11月26日05:12:33 发表评论 793 views

js代码如下:


<script type="text/javascript">
    function replaceSpace(obj){
        obj.value = obj.value.replace(/\s/gi,'')
        }
</script>

 

input调用如下:

<input type="text" onBlur="replaceSpace(this)" />

  唯一的缺点是表单里的内容需要点击一下才可以去除里边的空格。有大佬指导一下不需要点击相关内容就能去除input表单里的空格么?

找到原因,请看下边两节代码的差异:

<input type="text" name="name" placeholder="请输入联系人" value="<if condition=" $MEMBER.nickname neq null"><{$MEMBER.nickname}>
                        <else/>
                        </if>"/>

 

<input type="text" name="name" placeholder="请输入联系人" value="<if condition=" $MEMBER.nickname neq null"><{$MEMBER.nickname}><else/></if>"/>

原因就在于这个条件句里边包含的空格,导致坑爹!所以把相关的空格删除,解决问题!具体的原因你猜是啥,提示一下,从value这个值上考虑。

 

增加一个文字自动断截:

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。

一行文字css标记如下:

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行文字css标记如下:

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 3; //多少行开始断截

-webkit-box-orient: vertical;

例句如下:

<p style="overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;"><{$detail.intro}></p>

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: