javascript - 按键jquery上的表单验证

Question

我有 jquery 的验证功能，如何将其更改为与按键事件一起使用？

function validate() {
        var stateID = $("#purpose").val();
            // var stateID = $(this).val();
        if (stateID == '') { 
              var validformula = true;
              var validweightq1 = true;
              var newpar = true;
              validformula = checkEmpty($("#formula"));
              validweightq1 = checkEmpty($("#weg"));
              newpar = checkEmpty($("#newparameter"));
                $("#btn-submit").attr("disabled",true);
              if(validweightq1 && validformula && newpar) {
                $("#btn-submit").attr("disabled",false);
                } 
        }

如何结合按键？

$(document).ready(function() {
    $('#purpose').on('keypress', function(key) {})
})

Answer 1

您可以在 keypress 事件触发时运行您的函数:

$("#purpose").on('keypress', validate);

但是，在文本输入上使用 keypress 事件通常不是一个好主意。它在移动设备上不起作用，并且在按下 Backspace 或 Delete 或在输入中粘贴或剪切文本时不会触发。您可能应该改用 input 事件:

$("#purpose").on('input', validate);