vue判断input框不能为空_vue判断input输入内容全是空格的方法

{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":7,"count":7}]},"card":[{"des":"支持文本,图片,视频,网站安全检测等多格式识别服务,提供色情、涉政、暴恐、敏感人脸识别,文本反垃圾,OCR图文,垃圾广告等10种以上场景服务。","link1":"https://yundun.console.aliyun.com/?p=cts#/greenWeb/contentCheck?tabIndex=1","link":"https://www.aliyun.com/product/lvwang","icon":"https://img.alicdn.com/tfs/TB1GjEzlb_I8KJjy1XaXXbsxpXa-200-200.png","btn2":"OSS违法检测","tip":"内容安全按量加油包特惠 立即开通","btn1":"站点检测","link2":"https://yundun.console.aliyun.com/?p=cts#/greenWeb/ossImg?tabIndex=1","title":"内容安全"}],"search":[{"txt":"色情图像识别","link":"https://www.aliyun.com/product/lvwang"},{"txt":"CDN内容违规","link":"https://www.aliyun.com/product/lvwang"},{"txt":"视频检测","link":"https://www.aliyun.com/product/lvwang"},{"txt":"OSS内容违规","link":"https://www.aliyun.com/product/lvwang"},{"txt":"涉政图像识别","link":"https://www.aliyun.com/product/lvwang"},{"txt":"图像识别","link":"https://www.aliyun.com/product/lvwang"},{"txt":"直播内容检测","link":"https://www.aliyun.com/product/lvwang"}],"countinfo":{"search":{"length_pc":0,"length":0},"card":{"length_pc":0,"length":0}},"$tmsId":"tce/1317607"}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先我们认识HTML5的WebSocket WebSocket API是下一代客户端-服务器的异步通信方法。该通信取代了单个的TCP套接字,使用ws或wss协议,可用于任意的客户端和服务器程序。WebSocket目前由W3C进行标准化。WebSocket已经受到Firefox 4、Chrome 4、Opera 10.70以及Safari 5等浏览器的支持。WebSocket API最伟大之处在于服务器和客户端可以在给定的时间范围内的任意时刻,相互推送信息。WebSocket并不限于以Ajax(或XHR)方式通信,因为Ajax技术需要客户端发起请求,而WebSocket服务器和客户端可以彼此相互推送信息;XHR受到域的限制,而WebSocket允许跨域通信。Ajax技术很聪明的一点是没有设计要使用的方式。WebSocket为指定目标创建,用于双向推送消息。 其实我一直想不明白HTML5包装个应用层办议作为Socket通过基础目的是为了什么,其实直接支持Socket tcp相对来说更加简单灵活.既然标准已经制定而浏览器也支持那对于我们开发者来说只能用的分.最新版本的WebSocket协议于2011-12其标准规范已经明确下来,所以现在可以根据这标准进行相应的开发.详细参考 http://datatracker.ietf.org/doc/rfc6455/?include_text=1 WebSocket协议主要分为两部分,第一部分是连接许可验证和验证后的数据交互.连接许可验证比较简单,由Client发送一个类似于HTTP的请求,服务端获取请求后根据请求的KEY生成对应的值并返回. websocket协议分析 这图有点难看懂...里面包括几种情况有掩码,数据长度小于126,小于UINT16和小于UINT64等几种情况.后面会慢慢详细说明.整个协议头大概分三部分组成,第一部分是描述消息结束情况和类型,第二部分是描述是否存在掩码长度,第三部分是扩展长度描述和掩码值. 具体协议分析查看连接:http://www.cnblogs.com/smark/archive/2012/11/26/2789812.html
Vue中,我们可以通过给`<input>`标签的`v-model`绑定的属性使用正则表达式来限制用户输入内容。如果我们希望输入不能输入空格,我们可以在`<input>`标签上通过`@input`事件监听用户的输入,并且在该事件的处理函数中对输入的值进行正则验证。 首先,在Vue的模板中,我们需要一个`<input>`标签,并将它的值绑定到一个data中的属性上,以便在后续的处理函数中使用。 ```html <template> <input v-model="inputValue" @input="handleInput"> </template> ``` 接下来,在Vue的script部分,我们需要定义一个data属性`inputValue`,并且在`handleInput`方法中进行正则验证。判断用户输入的值是否包含了空格,如果包含空格,则将输入值修改为去掉空格的值。 ```javascript <script> export default { data() { return { inputValue: '', // 绑定的输入的值 }; }, methods: { handleInput() { this.inputValue = this.inputValue.replace(/\s/g, ''); // 去掉输入值中的空格 }, }, }; </script> ``` 这样,当用户在输入输入或粘贴含有空格内容时,空格会被自动去掉,达到了不能输入空格的效果。 注意,在上述示例代码中,我们使用了正则表达式`/\s/g`来匹配空格,其中`\s`表示匹配任意空白字符,`g`表示全局匹配。这样,当用户输入多个空格时,所有的空格都会被去除。 以上就是使用Vue实现输入不能输入空格方法

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值