Question

我有一个带占位符的输入字段。

<input id="showInfo" type="text" placeholder="Search product" />

我允许按照代码搜索产品。每个产品都以S开头。例如：S12548，S25487，S87425

当S函数被触发时，如何确保第一个字符为keypress()？

$('#search').keypress(function(e){

});

Answer 1

您可以使用undo.documentUndoLimit检查输入字符串的第一个字符是indexOf()还是s。

使用正则表达式

演示。

您还可以使用正则表达式检查字符串是否以$('#search').keypress(function (e) { var text = $(this).val().trim(); if (text.indexOf('S') === 0 || text.indexOf('s') === 0) { // Valid } else { // Invalid, then add a at the start $(this).val('S' + text); } });

开头

＆＃13;

s/S

＆＃13;

$('#search').keyup(function(e) {
  var text = $(this).val().trim();

  $(this).toggleClass('error', !/^s/i.test(text));
});

＆＃13;

.error {
  border: solid 1px red;
}

＆＃13;

您还可以使用<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> <input type="text" id="search" />检查文字是否以regex开头。

Answer 2

您需要检查输入的模糊，请尝试使用此代码，如果您愿意，请点击右键

$(document).ready(function () {
    $("#showInfo").blur(function () {
        var is_s = $(this).val();
        if (is_s.charAt(0) == 's' || is_s.charAt(0) == 'S') {
            alert("Check for prod");
        } else {
            alert("Do not check for prod");
        }
    });
});

Answer 3

您可能想要考虑这样的事情：

if ([ID].charAt(0) == 's' || [ID].charAt(0) == 'S') {
    return;
} else {
    [ID].insert(0, s);
}

Answer 4

你可以试试这个。

$('#search').keypress(function (e) {
    var text = $(this).text().trim();

    if (text.charAt(0).toLowerCase() == 's') {
        // Condition True  - Do Something
    } else {
        // Condition False - Do something
        return false;
    }
});

Answer 5

您可以使用keyCode检查它是否为'S''

$('#search').keypress(function(e){
  if(e.keyCode == 83) {
     // continue ...
  }
}

Answer 6

如果您正在使用jQuery，请使用jQuery Validator plugin之类的内容：

$.validator.addMethod("searchCode", function(value, element) {
    var aux = $('#search').value;
    return aux.charAt(0) == "S";
}

Answer 7

你可以这样做......

<script type="text/javascript">
$(function() {
    $('#showInfo').keyup(function(e) {
        var value = $(this).val();
        if (value.substring(0, 1) != 's') {
            $(this).val('');
            $(this).css('border', '1px solid #ff0000');
        }
    });
});
</script>

指定输入字段中的第一个字符

7 个答案: