More than 5 years have passed since last update.

【jQuery】inputの全角数字・全角アルファベットを半角に変換

jQuery

Last updated at 2014-09-11Posted at 2014-09-11

便利なのでメモ。

index.html

<!DOCTYPE html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.js"></script>
</head>
<html lang="en">
<body>
	<div>
		<p><input type="text" class="js-characters-change"></p>
	</div>
</body>
</html>

jquery.js

$(function(){
	$(".js-characters-change").blur(function(){
		charactersChange($(this));
	});


	charactersChange = function(ele){
		var val = ele.val();
		var han = val.replace(/[Ａ-Ｚａ-ｚ０-９]/g,function(s){return String.fromCharCode(s.charCodeAt(0)-0xFEE0)});

		if(val.match(/[Ａ-Ｚａ-ｚ０-９]/g)){
			$(ele).val(han);
		}
	}
});

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up