javascript校验表单中的文本输入框,提交表单后,输入空格之，偶尔进行校验

答案:2 悬赏:60 手机版

解决时间 2021-12-19 12:54

提问者网友：暮烟疏雨之际
2021-12-18 19:33

是这么一种情况<br>（两个输入框校验为空）首次登陆，故意有一部分校验通过，一部分不通过，这个时候开始：以后都有校验。<br>如果登陆之后，首个字段（标题）输入一个空格，此时就不进入我的校验了......................<br><br>后来我尝试去掉在button中调用onclick去触发javascript。也是遇到了类似的情况<br><br>script代码：<br><br>具体代码见下图：<br><br>后面注释的是我的第二种尝试。<br><br>怎么回事呢？？？？？？？？？？？？？？？？？？？？？？？？？？<br><br>为了方便，代码复制如下：<br> <div data-role="popup" id="new_post_{{data.yid}}" data-theme="a" class="ui-corner-all"><br> <form method="post" action="/add_post" onsubmit="return add_post(this); " id="forminput"><br> <div style="padding:0px 15px;"><br><br> <h3>发表新贴</h3><br><br> <input type="text" name="title" id="title" value="" placeholder="标题" data-theme="a"><br> <textarea placeholder="贴子内容" id="article_content" name="content" rows="3"></textarea><br><br> <button type="submit" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-btn-icon-left">发表</button><br> </div><br> </form><br><br> </div><br><br><script><br> function add_post () {<br> alert("开始校验");<br> if ($("#title").val().trim().length==0) {<br> alert ('标题不能为空');<br> $("#title").focus();<br> return false;<br> }<br><br> if ($("#article_content").val().trim().length==0) {<br> alert ('贴子内容不能为空');<br> $("#article_content").focus();<br> return false;<br> }<br> // $("#forminput").action = "/add_post";<br> // $("#forminput").submit();<br> }<br></script><br><br><br><br><img src="https://pic.wenwen.soso.com/pqpic/wenwenpic/0/20190621200514-1295027164_png_949_288_22194/0"/><br><br><br><br><img src="https://pic.wenwen.soso.com/pqpic/wenwenpic/0/20190621200514-70354900_png_491_322_20183/0"/>

最佳答案

五星知识达人网友：野味小生
2022-01-10 03:04

这题目我没太看懂，但是我觉得jquery里面调用删空格的方法应该是$.trim($("#title").val())...

全部回答

1楼网友：过活
2022-01-10 04:34

你好！别闹，你既然要判断空字符，为啥要加trim() 仅代表个人观点，不喜勿喷，谢谢。

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息