你会用JS动态给html添加空格吗

你会用JS动态给html添加空格吗,第1张

前端项目中有时需要动态用JS添加空格,例如为了照顾CSS的样式或者为了照顾特殊效果的实现。只要用下面这种方法就好了。

HTML:

<div id="test"></div>

如果你不单单想让div之间是null,而是想动态添加空格的话,这样(jquery):

$("#id").innerHTML += "&nbsp"

就好了

Hope It useful to You and Yous!

本文实例讲述了jQuery实现手机号正则验证输入及自动填充空格功能。分享给大家供大家参考,具体如下:

先来看看运行效果(在删除时连删即可):

具体代码:

<!DOCTYPE

html>

<html

lang="en">

<head>

<meta

charset="UTF-8">

<title>Document</title>

</head>

<body>

<input

type="text"

id="inp">

<script

src="jquery-1.12.3.min.js"></script>

<script>

$(function(){

$("#inp").keyup(function(){

/*

手机号验证时:

var

pattern

=

/^1[3|4|5|7|8]\d{1}\s\d{4}\s\d{4}$/

pattern.test(str)

*/

_self

=

$(this)

if(_self.val().length

==

3

||

_self.val().length

==

8){

var

str

=

_self.val()+"

"

_self.val(str)

}

})

})

</script>

</body>

</html>

PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:

JavaScript正则表达式在线测试工具:

http://tools.jb51.net/regex/javascript

正则表达式在线生成工具:

http://tools.jb51.net/regex/create_reg

更多关于jQuery相关内容可查看本站专题:《jQuery正则表达式用法总结》、《jQuery字符串 *** 作技巧总结》、《jQuery *** 作xml技巧总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

用css就行了

        <input type="radio" name="input" id="input-01" value="1"/><label style="padding-left: 30px" for="input-01">a </label>

        <input type="radio" name="input" id="input-02" value="1"/><label style="padding-left: 30px" for="input-02">b </label>

        <input type="radio" name="input" id="input-03" value="1"/><label style="padding-left: 30px" for="input-03">c </label>

        <input type="radio" name="input" id="input-04" value="1"/><label style="padding-left: 30px" for="input-04">d </label>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11291537.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存