JSFiddle - React, Tailwind, and code Playground

by Shubham Khatri

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
    <input type="text" placeholder="Enter page title name" id="text" style="width: 500px;" />
<br />
<br />
<input type="button" value="Click Me" id="button" />

JavaScript

$('#button').on('click', function() {
	
	var str = $('#text').val();
  
  $('#text').val((str.replace(/[^a-z0-9\s]/gi, '').trim().replace(/[_\s]/g, '-')));
})