javascript - 如何判断所有输入框不能为空？

问题描述

问 题

需求

• 点击新增要素值按钮，表格增加一行

• 点击提交的时候校验所有输入框是否为空

• 判断所有要素值输入框是否为数字

疑问

先看如下代码：

// 判断是否有新增要素输入框未填写
$("#elementManageTbody tr").each(function () {
   if ($(this).find('input').val() == "") {
       console.log('false');
   } else {
       console.log('true');
   }
});

如果按照以上循环的方式来写，遍历每一个输入框并判断它是否为空，为空则返回 false ，不为空则 true，与需求冲突。

实际需求是判断所有 input 同时不能为空！！

请教

• 有什么好方法去实现此需求？

解决方案

你的提交如果是用的默认的form和submit就给input加个required属性。
是其他的话：
点击提交的事件回调里这么写
遍历所有input的值(根据需求看是否要去空格)，有一个为空直接return不再向下之执行不就好了。
判断是否为数字就不用判断是否为空了，记得用正则验证是否为数字，因为输入的数字获取后会变成string.
需要做提示就对当前input进行处理再return。

这篇关于javascript - 如何判断所有输入框不能为空？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！