0

我正在尝试编写一些验证作为我的页面的一部分，以确保文本框是否有一些必需的文本，如果它不存在，它将禁用按钮。

我使用以下 jQuery 代码完美地工作：

 <script>
 $(document).on("ready", function () {
     $('input[type="text"]').on('blur', function () {
        var $required = $(this).next().val();
        var $image = $(this).parent().next().children('img');
        var $errors = $('img:visible').length;
        if (($(this).val().indexOf($required) == -1) && ($(this).val() != '')) {
            $image.show();
            $("#submit").prop("disabled", true);
        } else {
            $image.hide();
            //Manually subtract from error otherwise it doesnt subtract until the next focus change
            $errors--;
            if ($errors == 0)
                $("#submit").prop("disabled", false);
        }
    });
});

</script>

当文本框需要两个值时会出现问题。它们作为逗号分隔的字符串存储在隐藏的输入中。我如何检查两者是否存在？只要他们都在那里，他们就可以以任何顺序在那里。我知道我可以使用 .split(',') 来获取和排列并测试它们，但这就是我坚持的部分。

我尝试过同时使用 .inArray() 和 .each() 但无法使用它。

我试图设置一个小提琴，但无法让它工作。

这是作为 MVC 项目的 HTML 的缩减版本，因此其中大部分是由模型等填充的。

HTML

  <table width="100%" border="1px solid">
    <tr>
        <th>Source Text</th>
        <th>Translation</th>
    </tr>

    <tr>
        <td>Some text here</td>
        <td><input type="Text"><input type="hidden" value="Some"></td>
        <td><img id="cross" src="../cross.png" class="jq-cross hid" alt="error" /></td>
    </tr>

    <tr>
        <td>Some text here</td>
        <td><input type="Text"><input type="hidden" value="Some,Here"></td>
        <td><img id="cross" src="" class="jq-cross hid" alt="error" /></td>
    </tr>
<tr><td colspan="3"><button id="submit" type="submit">Update Translations</button>  </td></tr>
 </table>

您能给我的任何帮助将不胜感激。希望我在这里提供了足够的信息。

提前致谢

4

3 回答 3

2

只需使用 For...In 语句：

for(x in $required)
{
    if($(this).val().indexOf($required[x]) !== -1)
    {
        // Code in case if text don't have required string
    }
}
于 2012-07-17T15:40:31.283 回答
2 
$(document).on("ready", function () {
     $('input[type="text"]').on('blur', function () {
        var $required = $(this).next().val().split(','); // split values with comma
                                                         // and make array
        var $image = $(this).parent().next().children('img');
        var $errors = $('img:visible').length;
        var value = $.trim( this.value );           // get blur text field value

        // checking value with inArray()

        if ( $.inArray(value, $required) ) {
            $image.show();
            $("#submit").prop("disabled", true);
        } else {
            $image.hide();
            //Manually subtract from error otherwise it doesnt subtract until the next focus change
            $errors--;
            if ($errors == 0)
                $("#submit").prop("disabled", false);
        }
    });
});
于 2012-07-17T15:56:42.220 回答
1

您可以编写一个函数来遍历逗号分隔的字符串，例如：

function isTextInText(text, searchtext) {
    var arr = text.split(',');

    for(var i=0, len=arr.length; i < len; i++) {
        if (searchtext.indexOf(arr[i]) == -1) return false;
    }
    return true;
}

console.log(isTextInText("hello","hello there")); //true   
console.log(isTextInText("hello,there","hello there")); //true
console.log(isTextInText("hello,bye","hello there")); //false

那么你的 if 逻辑可能变成：

if (isTextInText($required,$(this).val())

小提琴 - http://jsfiddle.net/e7qkd/

于 2012-07-17T15:59:39.060 回答