How to do jQuery validation to allow only english and japanese characters in the form

Question

In my form iam using jQuery validation plug-in to do validations to allow only English, but the problem now is the form text field now should allow English and Japanese only, all other characters should be omitted.

i did the validation for English characters but how to do the same for Japanese too. i have no idea how to do this. please help me iam a newbie.

my validation code for English is this :

<style>
  #nwsltrsnd label.error {
   color:red;
   }
   #nwsltrsnd input.error {
   border:1px solid red;
      }
    </style>
  <script>
   $(function() {
   $.validator.addMethod("accept", function(value, element, param) {
      return value.match(new RegExp("." + param + "$"));
      });
   $('#nwsltrsnd').validate({
           rules: { 
                name: { required: true, accept: "[a-zA-Z]+" },
                email: { required: true, email: true }},
           messages: { 
                name: {  required: "Name is required",
                accept: "Invalid name! either english/japanese allowed" },
                email: { required: "Email is required!" } 
            } }); });
    </script>

score 2 · Accepted Answer · edited May 23 '17 at 11:45

you can use a custom validation rule with the regular expression,

Refer below,

Regular Expression for Japanese characters

Also, when I try below it works fine:

<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<script src="js/jquery.js"></script>
<script src="js/jquery.validate.js"></script>
<title>Validation Test</title>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


</head>
<body>

<form id="validate-form">
    <table class="table">
        <tr>
            <td><input type="text" name="first_name" /></td>
        </tr>
        <tr>
            <td><input type="submit" name="submit" value="Validate" /></td>
        </tr>
    </table>
</form>

<script>
    $.validator.addMethod("languageTest", function(value) {
        //regEx = '/[一-龠]+|[ぁ-ゔ]+|[ァ-ヴー]+|[a-zA-Z0-9]+|[ａ-ｚＡ-Ｚ０-９]+[々〆〤]+/u';
        regEx = /[一-龠]+|[ぁ-ゔ]+|[ァ-ヴー]+|[a-zA-Z0-9]+|[ａ-ｚＡ-Ｚ０-９]+[々〆〤]+/;
        if(!regEx.test(value))
            return false;
        else if(regEx.test(value))
            return true;
    }, 'Please enter "anto"!');


    $("#validate-form").validate({
        rules : {
            first_name : {
                required : true,
                languageTest : true
            }
        },
        messages: {
            first_name : {
                required : 'Dont Leave it as blank',
                languageTest : 'Invalid language'
            }
        }
    });
</script>

<style>
.error{color:red;}
</style>
</body>
</html>

How to do jQuery validation to allow only english and japanese characters in the form

1 Answers1

Linked