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

Question

我想验证在自动完成框中输入的特殊字符，例如!@#$%^&*()，并可能给出一条警告框消息“请输入有效名称”。以下是我的片段:

$("#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, '')

_{粘贴相关代码供引用}