Question

我正在修剪所有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。

Answer 1

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

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

请注意，没有type=text属性，因此您的选择器可能不包括此内容。

Answer 2

您的普通HTML和Js代码似乎没有问题。检查项目中的其他代码，天气阻止您的代码。

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

看一下我的fiddle workout。我已经测试了它的工作正常。

有no个例外情况 - //Exception in chrome: paused on exception typeerror

Answer 3

我不知道出了什么问题。所以我更新了如下功能：

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

我写了所有文本框和textarea的id，我需要修剪每个文本框和textarea。它工作正常。但我仍然怀疑为什么推广功能没有用。

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

3 个答案: