判断textarea输入的是否为空和空格

最新推荐文章于 2024-06-20 20:20:21 发布

置顶一天的时间

最新推荐文章于 2024-06-20 20:20:21 发布

阅读量3.6k

点赞数 2

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/zJunNa/article/details/103519842

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

已经判断了输入的内容不为空，但是当输入都是空格的时候，也判断内容是有值的。

<!DOCTYPE html>
<html>

   <head>
       <meta charset="UTF-8">
       <title></title>
       <script src="js/jquery-1.10.1.min.js"></script>
   </head>
   <style type="text/css">
       .demo {
           width: 200px;
           height: 100px;
       }

       .textarea {
           width: 100%;
           height: 100%;
       }

       .error {
           line-height: 30px;
       }

       .btn {
           margin-top: 10px;
       }
   </style>

   <body>
       <div class="demo">
           <textarea class="textarea" name="" rows="" cols=""></textarea>
       </div>
       <div class="error"></div>
       <button class="btn">点击</button>
   </body>
   <script type="text/javascript">
       //输入内容不能能为空
//       $(".btn").click(function() {
//           if($(".textarea").val() == "") {
//               $(".error").html("内容不能能为空")
//           }
//       })

       //但是当输入的内容只为空格时，也是可以提交的，所以要去除空格。
       $(".btn").click(function() {
           if($(".textarea").val().trim() == "") {
               $(".error").html("内容不能能为空")
           }
       })
   </script>

</html>

一天的时间

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
判断textarea输入的是否为空和空格

已经判断了输入的内容不为空，但是当输入都是空格的时候，也判断内容是有值的。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery...
复制链接

扫一扫