js验证文本框不能为空demo

最新推荐文章于 2022-01-31 10:24:31 发布
最新推荐文章于 2022-01-31 10:24:31 发布
阅读量761 收藏
点赞数
分类专栏： 开发中的问题与解决
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sunhongyu51/article/details/99641216
版权

文本框？ <textarea> ？

获取 textarea的值是 .value 。
可以用正则表达式检查是否为空。
正则表达式中 \S 代表不为空的字符，所以得出正则为 /\S/ 。

你可以将 textarea.value 的值与该正则套用，代码是 /\S/.test(textarea.value) 。
它会返回一个布尔值(true/ false)。

不仅是 <textarea>, <input>, string都可以
（点击，键盘，事件等）去检查

参考https://zhidao.baidu.com/question/1690912791030100428.html

孙宏宇51
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery实现动态表单验证时文本框抖动效果完整实例
01-19
本文实例讲述了jQuery实现动态表单验证时文本框抖动效果。分享给大家供大家参考。具体如下： 这里使用jQuery实现的动态表单验证特效，当用户输入错误或没有输入的时候点击提交按钮，有问题的输入框会抖动几下，以...
成百上千个Java 源码DEMO 3(1-4是独立压缩包)
03-29
Java 3DMenu 界面源码 5个目标文件 内容索引:Java源码,窗体界面,3DMenu Java 3DMenu 界面源码，有人说用到游戏中不错，其实平时我信编写Java应用程序时候也能用到吧，不一定非要局限于游戏吧，RES、SRC资源都有，都...
验证input和textarea的输入是否有效,也就是不为空,也不都是空格
www.hohode.com
02-16 4766
function validateTxt(v) { if(v) { v=$.trim(v); if(v==''||v==null) { return false; } }else{
关于textarea文本域无法判断为空的问题
曾小超的博客
03-22 2163
文本域判断为空，不能带空格，也不能换行。 正确写法： <textarea name="reply" id="replyContent" rows="5" cols="80" style="margin-left: 450px;"></textarea> 错误写法： <textarea name="reply" id="replyContent" row...
textarea内容不为空的问题
u012988209的专栏
05-05 4418
在项目中遇到一个问题，textarea中内容初始
如何让 textarea 类型的值不为空
bx423702的博客
07-12 1230
如何让 input type=“textarea” 类型的值不为空 且不能是空格 <el-input type="textarea" oninput="value = value.replace(/(^\s*)|(\s*$)/g,'')"></el-input> 或者 <textarea oninput="value = value.replace(/(^\s*)|(\s*$)/g,'')"></textarea> 此时输入框内就不能有空格了，但是这样写肯
php文本框不能为空,php设置文本框不能为空
weixin_26766909的博客
03-26 296
php设置文本框不能为空通常我们需要判断用户提交的信息是否为空，有前端js判断和后端服务器判断两种方式。比如用户表单代码1、用js判断 :function checkForm(){var tag = false;var checkText = document.getElementById("content").value;if ( checkText == "" || checkText == ...
小程序文本框为空自动填写_微信小程序的自动化测试框架
weixin_39756336的博客
10-23 450
微信小程序的自动化测试框架微信发布了小程序的自动化测试框架Minium，提供了多种运行验证方式，其特点：支持一套脚本，iOS & Android & 模拟器，三端运行 提供丰富的页面跳转方式，看不到也能去得到 可以获取和设置小程序页面数据，让测试不止点点点 可以直接触发小程序元素绑定事件 支持往 AppSerive 注入代码片段 可以调用部分 wx 对象上的接口 官方地址如下：ht...
html5中判断值是否为空,HTML5表单及其验证
weixin_36067754的博客
06-04 1336
HTML表单一直都是Web的核心技术之一，有了它我们才能在Web上进行各种各样的应用。HTML5 Forms新增了许多新控件及其API，方便我们做更复杂的应用，而不用借助其它Javascript框架，先说下表单的几个基本知识点：表单仍是以元素作为容器，我们可在其中设置基本的提交特性；当用户提交页面时，表单仍然向服务器发送表单控件的值；之前老版本中的表单控件，如text radio checkbox...
JS验证身份证有效性
XuJiangDong
10-27 1543
页面： 效果为输入身份证号，焦掉移开后自动验证，并返回信息！ <input type="text" class="reg_txt" value="身份证号" titles="请输入您的身份证号！" name="userid" id="username" maxlength="40" onfocus="if(this.value=='身份证号'){this.value='';}"
JavaScript表单验证【正则表达式RegExp】
一个非常Cool的人
01-31 799
介绍了javascript中的表单验证【邮箱、密码、数值...】,以及正则表达式的基本概念,这些东西仅仅是基础,欢迎大家阅读,欢迎大家指正。^_^
成百上千个Java 源码DEMO 4(1-4是独立压缩包)
03-29
Java 3DMenu 界面源码 5个目标文件 内容索引:Java源码,窗体界面,3DMenu Java 3DMenu 界面源码，有人说用到游戏中不错，其实平时我信编写Java应用程序时候也能用到吧，不一定非要局限于游戏吧，RES、SRC资源都有，都...
大名鼎鼎SWFUpload- Flash+JS 上传
12-19
整个文件上传完成之后，下一个页面才会显示，并且不能对选择的文件做预设的文件检验，例如文件大小限制，文件类型限制。当文件上传时，用户获得的可用的反馈信息很少。 传统的HTML上传模式十分简单，线性的，几乎...
JQuery&CSS;&CSS;+DIV实例大全.rar
08-13
推荐通用文字图片JS不间断滚动封装类 代替Marquee 15.站长推荐全新兼容DIV+CSS版中国地图 JS+DIV+CSS支持热点效果的中国地图 16.支持4级树形 展开菜单插件dTree原版下载 2)JQuery Tab 1.jQuery.Switchable...
SyntaxError: Unexpected token o in JSON at position 1问题
Sunhongyu51的博客
08-19 4369
问题： SyntaxError: Unexpected token o in JSON at position 1 at JSON.parse (<anonymous>) at PopupModal._this2.onHandleRef (index.js?4edb:137) at PopupModal._this2.onHandleSaveData (ind...
xml文件第一行报错Referenced file contains errors问题（STS中）
Sunhongyu51的博客
08-29 834
这种错误是属于配置文件的验证错误，实际上并不影响项目的正常运行. 按步骤操作：Window--> Preferences 搜索validation 关闭XML Validator 和 XSL Validator文件验证。 之后弹出对话框选择“是” ...
使用AspectJ注解时出现NoClassDefFoundError:
Sunhongyu51的博客
09-05 350
目前遇到两种情况： 1.缺少jar包 2.@AfterReturning注解下的参数顺序写错 正确顺序： @AfterReturning(pointcut="mypointCut()",returning="result") public void returning(JoinPoint point,Object result) { System.out.println("返回結果...
端口被占用问题解决方法
Sunhongyu51的博客
08-06 286
1.打开cmd 2.输入命令行netstat -ano 3.找到3000端口进程对应的PID：1272 4.在任务管理器中结束1272进程 或者直接tskill 1272
vue3 ts 验证表单某个文本框不能为空
最新发布
09-06
在Vue3和TypeScript中，可以使用表单验证库来实现某个文本框不能为空的验证。 首先，安装表单验证库： ```shell npm install vuelidate@next --save ``` 然后，在需要进行验证的组件中引入库： ```typescript import { defineComponent, ref } from 'vue'; import { useVuelidate } from '@vuelidate/core'; // 导入表单验证库 import { required } from '@vuelidate/validators'; // 导入所需的验证器 export default defineComponent({ setup() { const form = ref({ // 创建一个表单对象 name: '', }); // 使用表单验证库 const rules = { name: { required }, // 设置name字段不能为空的验证规则 }; const v$ = useVuelidate(rules, form); const handleSubmit = () => { if (v$.value.$invalid) { // 判断表单是否通过验证 // 表单验证不通过，进行相应操作 console.log('表单验证不通过'); return; } // 表单验证通过，进行提交操作 console.log('表单验证通过'); }; return { form, handleSubmit, }; }, }); ``` 在模板中，可以接着进行验证提示的展示和表单的提交： ```html <template> <form @submit.prevent="handleSubmit"> <input v-model="form.name" type="text" /> <!-- 绑定表单数据 --> <!-- 显示验证错误信息 --> <div v-if="!v$.name.required" style="color: red;">姓名不能为空</div> <button type="submit">提交</button> </form> </template> ``` 以上代码实现了在Vue3和TypeScript中使用vuelidate库来验证表单中某个文本框的非空验证，并根据验证结果进行相应的操作。当输入为空时，会提示对应的错误信息，否则将提交表单数据。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值