<p class="input1"></p>
<input type="text" name="chkinput1" size="30" maxlength="20">
<input class="btn" id="check1" type="button" value="チェック">

    $("#check1").on("click", function() {
      if(!$("input[name='chkinput1']").val().match(/^\d+$/)) {
        $("p.input1").html('数字のみ入力してください');
        $("p.input1").css('color','red');
      } else {
        $("p.input1").html('OK');
        $("p.input1").css('color','green');
      }
    });

<p class="input2"></p>
<input type="text" name="chkinput2" size="30" maxlength="20">
<input class="btn" id="check2" type="button" value="チェック">

    $("#check2").on("click", function() {
      if(!$("input[name='chkinput2']").val().match(/^[a-zA-Z]+$/)) {
        $("p.input2").html('英字のみ入力してください');
        $("p.input2").css('color','red');
      } else {
        $("p.input2").html('OK');
        $("p.input2").css('color','green');
      }
    });

<p class="input3"></p>
<input type="text" name="chkinput3" size="30" maxlength="20">
<input class="btn" id="check3" type="button" value="チェック">

    $("#check3").on("click", function() {
      if(!$("input[name='chkinput3']").val().match(/^[^\x01-\x7E\xA1-\xDF]+$/)) {
        $("p.input3").html('全角のみ入力してください');
        $("p.input3").css('color','red');
      } else {
        $("p.input3").html('OK');
        $("p.input3").css('color','green');
      }
    });