jquery，select输入字段class名称，然后计算出它的值包含一个特殊字符

Question

我需要的是.... 我目前正在开发一个 spring mvc 项目。在我的 JSP 之一上，我有几个输入文本字段：

<form:input path="objectPath1" class="cartonInputField"/>
<form:input path="objectPath2" class="cartonInputField"/>
<form:input path="objectPath3" class="cartonInputField"/>
<form:input path="objectPath4" class.="cartonInputField"/>

所以当我 select 这些由 jquery 输入的文本字段时，我想检查它们是否每个都包含术语 'coma'，如果在任何地方找到这个术语 'coma'，替换它带有空字符串 ''，并执行 alert();

这是我的攻击：

$(document).ready(function(){

    $('.cartonInputField').each(function(){
        var input = $(this);
        if (input.val().indexOf('coma') > -1) {
            $(this).val('');
            alert('must not contain term - coma!');
        }
    })

})

目前它不起作用，我不知道出了什么问题... 谁能帮我做代码示例。谢谢

Answer 1

您需要捕获表单提交并将您的检查代码放在那里。

JSFiddle 模型： http://jsfiddle.net/TrueBlueAussie/63xkgo7p/

使用filter查看任何字段是否符合该条件并且只报告一次错误：

例如

$(document).ready(function () {
    $('form').submit(function () {
        if ($(this).find('.cartonInputField').filter(function () {
            if ($(this).val().indexOf('coma') > -1) {
                $(this).val("");
                return true;
            }
            return false;
        }).length) {
            alert('must not contain term - coma!');
            // Stop form submitting
            return false;
        }
    });
});

jquery，select输入字段class名称，然后计算出它的值包含一个特殊字符

jquery, select input field by class name, then work out it's value contains a special character

jquery

spring-mvc

input

jquery-selectors

textfield