RakibSiddiquee/create_input_slug_initial.html

## create_input_slug_initial.html
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
</head>
<body>
	<form action="">
		Name: <input type="text" name="name" id="name"/><br/>
		Slug: <input type="text" name="slug" id="slug" /><br />
		Initial: <input type="text" name="initial" id="initial" />
	</form>
	<script type="text/javascript">
        $("#name").blur(function(){ // Create Author name slug and initial
            var str = this.value;
            $("#slug").val(str.trim().toLowerCase().replace(/  /g,'-').replace(/ /g,'-').replace(/[^\w-]+/g,'-'));
            $("#initial").val(str.match(/\b\w/g).join('').toUpperCase());
        });
    </script>
</body>
</html>
	<!DOCTYPE HTML>
	<html lang="en-US">
	<head>
	<meta charset="UTF-8">
	<title></title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
	</head>
	<body>
	<form action="">
	Name: <input type="text" name="name" id="name"/><br/>
	Slug: <input type="text" name="slug" id="slug" /><br />
	Initial: <input type="text" name="initial" id="initial" />
	</form>
	<script type="text/javascript">
	$("#name").blur(function(){ // Create Author name slug and initial
	var str = this.value;
	$("#slug").val(str.trim().toLowerCase().replace(/ /g,'-').replace(/ /g,'-').replace(/[^\w-]+/g,'-'));
	$("#initial").val(str.match(/\b\w/g).join('').toUpperCase());
	});
	</script>
	</body>
	</html>