提交时修剪文本框和 texareas 防止表单提交答案

【问题标题】：Trim textboxes and texareas on submit prevent form to submit提交时修剪文本框和 texareas 防止表单提交
【发布时间】：2014-08-05 04:18:06
【问题描述】：

我正在修剪所有textboxes and textareas on submit。它不适用于所有视图页面。

我在表单中采用了简单的html inputs + kendo DropDownList + kendo AutoComplete。

下面是我的提交方法，当我的表单上有Kendo UI control时，它不起作用。

$('input[type="submit"]').click(function () {
   $('input[type=text], textarea').each(function () {
     if($(this).val()!=''){
       $(this).val($.trim($(this).val())); //Exception in chrome: paused on exception typeerror. Msg: undefined in not function.
     }
   });
});

我不知道怎么了。我发现这个问题是 chrome browser 特有的。

【问题讨论】：

这个$(this).val($.trim($(this).val()));可能有问题，如果没有提示上述代码错误，请尝试添加alert('test')；并且 if($(this).val()) 会被找到（不需要有这个!=''）
@Niang 它正在工作。修剪没有问题。
@Niang 仅适用于 chrome
您是否在视图中使用 document.ready？您是否通过在submit click scope 中添加alert 进行检查？
您检查过您的浏览器控制台吗？同样的锻炼在 Chrome 中运行良好。看看Fiddle

标签： javascript jquery html asp.net-mvc kendo-ui

【解决方案1】：

它只是剑道控制？他们的 DropDownList 例如呈现这个（来自演示）

<input id="color" value="1" data-role="dropdownlist" style="display: none;">

注意没有type=text 属性所以你的选择器可能不包括这个。

【讨论】：

【解决方案2】：

您的正常HTML和Js代码似乎没有问题。检查您项目中的其他代码，看看它是否会阻塞您的代码。

可能检查 Html 的 Kendo UI 语法/格式/属性控制。这可能是个问题。

看看我的fiddle workout。我已经测试过它的工作正常。

有no异常 Like -- //Exception in chrome: paused on exception typeerror

【讨论】：

【解决方案3】：

我不知道怎么了。所以我更新了如下功能：

$('input[type="submit"]').click(function () {
   $('#textbox1,#textbox2,#textarea1').each(function () {
     if($(this).val()!=''){
       $(this).val($.trim($(this).val()));
     }
   });
});

我编写了所有文本框和文本区域的 id，我需要在每个文本框和文本区域内进行修剪。它工作正常。但是我仍然有疑问为什么泛化函数不起作用。

【讨论】：