Question

我想验证在自动完成框中输入的特殊字符！@＃$％^＆amp; *（），并可能会发出警告框消息“请输入有效名称”。以下是我的代码：

$("#txtName").autocomplete({
    source: function (request, response) {
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "Webservice.asmx/GetNames",
            data: "{'prefixText':'" + request.term + "'}",
            dataType: "json",
            success: function (data) {
                response($.map(data.d, function (item) {
                    return {
                        label: item.split('|')[0],
                        val: item.split('|')[1]
                    }
                }))
            },
            error: function (result) {
                ServiceFailed(result);
            },
            failure: function (response) {
                ServiceFailed(result);
            }
        });
    },
    select: function (event, ui) {
        autoName(ui.item.val, ui.item.label);
    },
    minLength: 4
}).data("autocomplete")._renderItem = function (ul, item) {
    var newText = String(item.value).replace(
            new RegExp(this.term, "gi"),
            "<span class='ui-state-highlight'>$&</span>");
    return $("<li></li>")
        .data("item.autocomplete", item)
        .append("<a>" + newText + "</a>")
        .appendTo(ul);
}

非常感谢任何帮助。

提前致谢

Answer 1

在文本框中的blocking special characters上查看此问题。

您可以在发送请求之前设置验证。而不是设置一个完整的验证插件，它可以完成keypress

上的所有操作

$.ajax({  
    url : url, //blah blah
    beforeSend : function(){
      if(!validateChars()){
        return false;
      }
    }
});

或

您可以通过stripping out special characters发送请求，而不是阻止。（更加用户友好）

var alowedChars = stringToReplace.replace(/[^\w\s]/gi, '')

_{粘贴相关代码以供参考}

JQuery自动完成Ajax验证特殊字符

1 个答案: