在keypress jquery上进行表单验证

时间:2017-11-12 04:29:56

标签: javascript jquery

我有jquery的这个函数用于验证,如何将其更改为与keypress事件一起使用?

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) {})
})

2 个答案:

答案 0 :(得分:3)

当<{1}}事件被触发时,你可以让你的函数运行:

keypress

但是,在文本输入上使用$("#purpose").on('keypress', validate); 事件通常是一个坏主意。它不适用于移动设备,当按下退格删除或粘贴或切入或切出文本时,它不会触发输入。您应该使用keypress事件代替:

input

答案 1 :(得分:0)

$('#purpose').keyup(validate);