验证长度不工作，如果使用虚拟键盘

Question

首先对不起我的英语不好。我试图对输入字段进行验证长度。如果我手动输入它的工作，但如果我用Jquery（我用JKeyboard）做的虚拟键盘它不工作。任何解决方案？

这是我的验证长度脚本：

validationLength = 10; 

$('#jkeyboard').on('keyup keydown change keypress', function() { 
    if($(this).val().length > validationLength){ 

     val=$(this).val().substr(0,$(this).val().length-1); 
     $(this).val(val); 
    }; 
}); 

这是我JKeyboard脚本：

$(document).ready(function() { 

    $('#jkeyboard').focus(function() { 

     var keys = [['`', '1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '-', '='], 
        ['q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p', '[', ']'], 
        ['a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l', ';', "'",'#'], 
        ['z', 'x', 'c', 'v', 'b', 'n', 'm', ',', '.', '/']]; 

     var $keyboard = $('<div/>').addClass('jkeyboard-jk'); 
     var buttons = []; 

     for(var i = 0; i < keys.length; i++){ 
      var $wrap = $('<div/>'); 

      for(var k = 0; k < keys[i].length; k++){ 
       var button = $('<button/>').text(keys[i][k]); 
       $wrap.append(button); 
      } 
      buttons.push($wrap); 
     } 

     $keyboard.append(buttons); 

     if(!$('.jkeyboard-jk').is('*')){ 
      $('body').append($keyboard); 
     } 

    }); 

    // button click functions 


    function insertAtCaret(areaId,text) { 
    debugger; 
     var txtarea = document.getElementById(areaId); 
     var scrollPos = txtarea.scrollTop; 
     var strPos = 0; 
     var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? 
      "ff" : (document.selection ? "ie" : false)); 
     if (br == "ie") { 
      txtarea.focus(); 
      var range = document.selection.createRange(); 
      range.moveStart ('character', -txtarea.value.length); 
      strPos = range.text.length; 
     } 
     else if (br == "ff") strPos = txtarea.selectionStart; 

     var front = (txtarea.value).substring(0,strPos); 
     var back = (txtarea.value).substring(strPos,txtarea.value.length); 
     txtarea.value=front+text+back; 
     strPos = strPos + text.length; 
     if (br == "ie") { 
      txtarea.focus(); 
      var range = document.selection.createRange(); 
      range.moveStart ('character', -txtarea.value.length); 
      range.moveStart ('character', strPos); 
      range.moveEnd ('character', 0); 
      range.select(); 
     } 
     else if (br == "ff") { 
      txtarea.selectionStart = strPos; 
      txtarea.selectionEnd = strPos; 
      txtarea.focus(); 
     } 
     txtarea.scrollTop = scrollPos; 
    } 

    $(document).on('click', '.jkeyboard-jk button', function(e){ 
     e.preventDefault(); 
     var key = $(this).text(); 

     insertAtCaret('jkeyboard', key);  
    }); 

    $(document).on('click', '.delete', function(e){ 

      var $content = $('#jkeyboard'); 
      var html = $content.val(); 

      $content.val(html.substr(0, html.length - 1)); 
      return false; 


    }); 


    /*$('.jkeyboard').blur(function(){ 
     $('.jkeyboard-jk').remove(); 
    });*/ 

}); 

这是我的HTML代码：

<input type="text" name="msidn" id="jkeyboard"> 

Answer 1

你不听.jkeyboard-jk这是你的虚拟键盘。给它添加一个监听器。仅供参考，请创建一个用于验证的独立函数。您的输入和虚拟键盘监听器都可以触发该验证功能。