jQuery 判断表单中多个 input text 中至少有一个不为空

最新推荐文章于 2024-12-18 09:07:29 发布

weixin_33785972

最新推荐文章于 2024-12-18 09:07:29 发布

阅读量875

点赞数

文章标签： javascript ViewUI

本文介绍了一个简单的JavaScript示例，用于检查HTML页面中指定类名的输入框是否为空，并在全部为空时提示用户。此代码适用于前端开发场景，确保用户至少填写了一项表单内容。

html：

名称1：<input class="seasoning_name" type="text" name="seasoning_name[]"> 
名称2：<input class="seasoning_name" type="text" name="seasoning_name[]"> 
名称3：<input class="seasoning_name" type="text" name="seasoning_name[]">

js：

seasoning_name = "";
$('.seasoning_name').each(function(){
                    
      seasoning_name += $(this).val();
})                   
                
if(seasoning_name == ""){
                    
      alert("至少填写一项配料！");
      return false;  
}