Question

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

是这么一种情况
（两个输入框校验为空）首次登陆，故意有一部分校验通过，一部分不通过，这个时候开始：以后都有校验。
如果登陆之后，首个字段（标题）输入一个空格，此时就不进入我的校验了......................

后来我尝试去掉在button中调用onclick去触发javascript。也是遇到了类似的情况

script代码：

具体代码见下图：

后面注释的是我的第二种尝试。

怎么回事呢？？？？？？？？？？？？？？？？？？？？？？？？？？

为了方便，代码复制如下：
<div data-role="popup" id="new_post_{{data.yid}}" data-theme="a" class="ui-corner-all">
<form method="post" action="/add_post" onsubmit="return add_post(this); " id="forminput">
<div style="padding:0px 15px;">

<h3>发表新贴</h3>

<input type="text" name="title" id="title" value="" placeholder="标题" data-theme="a">
<textarea placeholder="贴子内容" id="article_content" name="content" rows="3"></textarea>

<button type="submit" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-btn-icon-left">发表</button>
</div>
</form>

</div>

<script>
function add_post () {
alert("开始校验");
if ($("#title").val().trim().length==0) {
alert ('标题不能为空');
$("#title").focus();
return false;
}

if ($("#article_content").val().trim().length==0) {
alert ('贴子内容不能为空');
$("#article_content").focus();
return false;
}
// $("#forminput").action = "/add_post";
// $("#forminput").submit();
}
</script>





Answer 1

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

追问

你看下我对 shrimp_liao 的回复吧，应该会理解我的意思

追答

<form method="post" id="forminput">
    ......
        <button type="submit" id="submit_btn" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-btn-icon-left">发表</button>
    ......
</form>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script>
//run when jquery exist 
    $("#submit_btn").click(function(){
        var result = add_post();
        if(result){
            $("#forminput").action = "/add_post";
            $("#forminput").submit();
        }
    })
    function add_post () {
        alert("开始校验");
        if ($("#title").val().trim().length==0) {
            alert ('标题不能为空');
            $("#title").focus();
            return false;
        }
        if ($("#article_content").val().trim().length==0) {
            alert ('贴子内容不能为空');
            $("#article_content").focus();
            return false;
        }
    }

</script>

追问

应该先分析我那种为什么会出现我给 shrimp_liao的那种情况，代码是不是有问题、！记住，是首次出问题

追答

说不定有环境干扰在。
总之没试出来什么问题，把代码里没什么干扰的条件都去掉，差不多也可以运行。
jquery里面没有onclick事件，他调用的是js的onclick事件，使用的是普通的对象。
这问题不到环境里真不知道。
可以稍微怀疑一下第一次执行时候原先是不是有干扰或者赋值或者有调用过this指针。

Answer 2

别闹，你既然要判断空字符，为啥要加trim()

追问

由于字数限制，看下截图

• 

追答

String.prototype.trim = function() {
return this.replace(/(^\s*)|(\s*$)/g, "");
}
你到底要干嘛，就是验证文本框不为空嘛，并且加上空格判断。
$("#id").val().trim().length==0 这样就足够了，至于你说的那个情况，你断点调试，或者打出来看看，你的length值 是多少啊