Replace any forward slash and or space or multiple space

Question

I use this routine to auto populate some text areas in a web form and it works well I would like to replace any "forward slash / and or space or multiple space" space with a underscore for in "Input3" for SEO purposes.

Input Example: Bearing 5603/zz

Output Result: Bearing_5603_zz

<html>
<head>
<script type="text/javascript">
    function CopyData(val){
      var a = document.getElementById(val.id).value
      var inputs = document.querySelectorAll(".input");
      for(var i=0;i < inputs.length;i++){
        inputs[i].value = a;
      }
    }

</script>
</head>

<body>

Title:<input type="text" name ="Title" id="Text" onkeyup="CopyData(this)"/><br /><br />
Title Input 1:<input type="text" class="input" name ="Input1" /><br />
Title Input 2:<input type="text" class="input" name ="Input2" /><br /><br />
SEO Input 3:<input type="text" class="input" name ="Input3" /><br />                                                            

</body>
</html>

Possible duplicate of [Replace multiple characters in one replace call](http://stackoverflow.com/questions/16576983/replace-multiple-characters-in-one-replace-call) — Adarsh Mohan, Jan 24 '16 at 21:16

score -1 · Accepted Answer · edited Oct 19 '17 at 11:19

You need to use RegExp for these cases:

<script>
  function CopyData(val){
    var a = document.getElementById(val.id).value;
    var inputs = document.querySelectorAll(".input");
    for(var i=0;i < inputs.length;i++){
      inputs[i].value = (i == 2) ? a.replace(/\s+/g, "_").replace(/\//g, "_") : a;
    }
  }
</script>
Title:<input type="text" name ="Title" id="Text" onkeyup="CopyData(this)"/><br /><br />
Title Input 1:<input type="text" class="input" name ="Input1" /><br />
Title Input 2:<input type="text" class="input" name ="Input2" /><br /><br />
SEO Input 3:<input type="text" class="input" name ="Input3" /><br />

Replace any forward slash and or space or multiple space

1 Answers1