为了账号安全,请及时绑定邮箱和手机立即绑定

Javascript:如何验证一个条目是否为空但同时验证它没有插入空格?

Javascript:如何验证一个条目是否为空但同时验证它没有插入空格?

长风秋雁 2022-07-22 15:32:37
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><html><body><form id="api_crud_form" name="api_crud_form" action="https://www.google.es">Name: <input type="text" name="name" id="name"><br>    <input type="submit" value="Send"></form></body></html><script type="text/javascript">$(document).ready(function () { $('#api_crud_form').on('submit', function (event) {            event.preventDefault();            if ($('#name').val() == '') {                alert("enter name");            }             else{              alert("the data was sent");            }    });  });</script>这是一个例子如果该字段为空,则这是一个有效示例,但如果插入空格则无效正如您在发送空格的示例中看到的
查看完整描述

2 回答

?
莫回无

TA贡献1865条经验 获得超7个赞

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<html>

<body>

<form id="api_crud_form" name="api_crud_form" action="https://www.google.es">

Name: <input type="text" name="name" id="name"><br>

    <input type="submit" value="Send">

</form>

</body>

</html>


<script type="text/javascript">

$(document).ready(function () {

 $('#api_crud_form').on('submit', function (event) {

            event.preventDefault();

            if ($('#name').val().trim() == '') {

                alert("enter name");

            } 

            else{

              alert("the data was sent");

            }

    });

  });


</script>


查看完整回答
反对 回复 2022-07-22
?
杨魅力

TA贡献1811条经验 获得超6个赞

使用trim()

if ($('#name').val().trim() == '') {


查看完整回答
反对 回复 2022-07-22
  • 2 回答
  • 0 关注
  • 105 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信