在文本框中仅允许半宽片假名(日语)字符

时间:2016-07-19 08:40:33

标签: jquery ruby-on-rails validation cjk

在我的rails应用程序中,我有一个像这样的文本字段

<%= f.text_field :guaranter_furigana_name, autocomplete: "off", class: "form-control", placeholder: "例:ヤマダ タロウ(全角カナ)", maxlength: "50",  :disabled => @disabled_field %>

我使用jQuery验证此文本字段仅接受half width katakana个字符(从ff60到ff9f的Unicode值)。这就是我试过的

// Allow only half width kana for guranter フリガナ
$(function (){
  $("#t_user_name_register_guaranter_furigana_name").on("input", function(e){

    var key = e.keyCode || e.charCode;

    var inp = String.fromCharCode(key);

    var kanaregexp = new RegExp('[\uff00-\uff9f]');
    if (kanaregexp.test(inp) != true){
      if( key != 8 && key != 46 && key != 32){
        inp = $(this).val();
        $(this).val(inp.slice(0,-1));
        $("#telno_errmsg").html("半角カナ字のみを入力してください。").show().fadeOut(3000);
        return false;
      }
    }
  });
});

代码乱七八糟,总是无法正常工作。请帮忙

2 个答案:

答案 0 :(得分:3)

对于在使用日语文本时正在寻找不同jQuery验证规则的人。

//平假名和片假名

jQuery.validator.addMethod("kana", function(value, element) {
 return this.optional(element) || /^([ァ-ヶーぁ-ん]+)$/.test(value);
 }, "<br/>全角ひらがな・カタカナを入力してください"
);

//只有平假名

jQuery.validator.addMethod("hiragana", function(value, element) {
 return this.optional(element) || /^([ぁ-ん]+)$/.test(value);
 }, "<br/>全角ひらがなを入力してください"
);

//只有片假名

jQuery.validator.addMethod("katakana", function(value, element) {
 return this.optional(element) || /^([ァ-ヶー]+)$/.test(value);
 }, "<br/>全角カタカナを入力してください"
);

//半角假名

jQuery.validator.addMethod("hankana", function(value, element) {
 return this.optional(element) || /^([ァ-ン゙゚]+)$/.test(value);
 }, "<br/>半角カタカナを入力してください"
);

//只有字母

jQuery.validator.addMethod("alphabet", function(value, element) {
 return this.optional(element) || /^([a-zA-z\s]+)$/.test(value);
 }, "<br/>半角英字を入力してください"
);

更多信息,check here

答案 1 :(得分:1)

由JS:

仅检查片假名:

S

检查半宽数:

function checkKataKana (input_val, event) {
    var code = 0;
    var each_val = input_val.split('');
    $.each(each_val, function (key, value) {
        code = value.charCodeAt();
        if (!(12449 <= code && code <= 12538)) {
            flag=1;
        }
    });
}