jQuery提交修剪问题答案

【问题标题】：Jquery submit trim issuejQuery提交修剪问题
【发布时间】：2013-12-16 18:03:49
【问题描述】：

我有以下 html，并想在提交前修剪 forgot-password-email-address 输入值。

<form action="passwordpost/" method="post" id="forgot-password-form">

                    <label for="username">Email Address</label> 
                    <input type="text" id="forgot-password-email-address" class="required" name="email" value=""><br/><br/>

                    <button type="submit" title="Find" class="form-button button forgotpasswordpost" name="submit" id="forgotpasswordpost-btn" style="float:right;">
                        <span><span>Send My Password</span></span>
                    </button>                       
            </form>

我为此使用的 jQuery 在下面，但它没有提交带有修剪输入的表单。它提交了，但仍然有空格。

$J("#forgot-password-form").submit(function(event){
    $J("#forgot-password-email-address").val().trim();
    return true;
});

【问题讨论】：

标签： jquery

【解决方案1】：

val() 和 trim() 都返回字符串，它们不修改字符串。您需要重置该值：

var $field = $J("#forgot-password-email-address");

$field.val($field.val().trim());

按照未定义的建议，使用回调版本可能会更好：

$J("#forgot-password-email-address").val(function(idx, value) {
    return value.trim();
    //return $.trim(value); // could also use jQuery's trim()
});

【讨论】：

在这里使用.val() 回调函数似乎很有用。 $field.val(function(_, oldVal) { return $.trim(oldVal) }).
非常感谢 - 代码当然可以，但解释对于像我这样的 jQuery 初学者真的很有帮助。我会在 5 分钟内标记为答案。

【解决方案2】：

试试这个：

$J("#forgot-password-email-address").val($J("#forgot-password-email-address").val().trim());

您的代码只是修剪输入的值，而不是将其设置为元素。

它的一个小版本：

var el = $J("#forgot-password-email-address");
el.val(el.val().trim());

【讨论】：

【解决方案3】：

正在提交文本框中的值，更新它的值

$J("#forgot-password-email-address").val($J("#forgot-password-email-address").val().trim());

您之前没有更新文本框的值。

【讨论】：

请替换：trim => trim()
@user3041160 完成，请原谅！