修剪和删除数字功能并添加到输入

时间:2018-08-13 07:31:43

标签: javascript jquery html

我从W3Schools中获取了一些代码,并对其进行了编辑以删除数字并修剪前导和尾随空格。可以按预期运行,并且我对删除空格和数字感到满意。

我尝试了var str = myTrim(#input-q5);,但无法正常运行。不知道如何进行。

function myTrim(x) {
  return x.replace(/\d+|^\s+|\s+$/g, '').trim();
}

function myFunction() {
  var str = myTrim("7987 iuiuh 98798");
  
  alert(str);
  $(str).val($('#input-q6').val());
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" id="input-q5" Value="345 King Street">
<input type="text" id="input-q6">
<button onclick="myFunction()" id="test">Try it</button>

2 个答案:

答案 0 :(得分:0)

请尝试以下操作:

function myTrim(x) {
return x.replace(/\d+|^\s+|\s+$/g,'').trim();
}

function myFunction() {
var str = myTrim($('#input-q5').val());
alert(str);
}

答案 1 :(得分:0)

下面是一个有效的代码段,首先获取该值并将其存储在val中,然后使用相同的功能对其进行分配!

function myTrim(x) {
  return x.replace(/\d+|^\s+|\s+$/g, '').trim();
}

function myFunction() {
  var val = $('#input-q5').val();
  var str = myTrim(val);
  $('#input-q6').val(str);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" id="input-q5" Value="345 King Street">
<input type="text" id="input-q6">
<button onclick="myFunction()" id="test">Try it</button>