javascript - How to do jQuery validation to allow only english and japanese characters in the form -
in form iam using jquery validation plug-in validations allow english, problem form text field should allow english , japanese only, other characters should omitted.
i did validation english characters how same japanese too. have no idea how this. please me iam newbie.
my validation code english :
<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 required", accept: "invalid name! either english/japanese allowed" }, email: { required: "email required!" } } }); }); </script>
you can use custom validation rule regular expression,
refer below,
regular expression japanese characters
also, when try below 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 blank', languagetest : 'invalid language' } } }); </script> <style> .error{color:red;} </style> </body> </html>
Comments
Post a Comment