javascript - 如何从输入中获取值并根据字符和数字拆分它们 Js

Question

我正在做一些运动，我需要帮助。我有一个输入字段，用户可以在其中输入名称和 ID，带或不带分隔符:

我正在实现的是当我键入“Jack123”时，它应该识别字符和数字并将其分开并以以下格式显示:

Name: Jack
Id: 123

可能存在这样一种情况，即用户键入的字符串将是“Jack 123”或“Jack-123”，在所有情况下它都应显示上述 o/p。

html:

<div>
  <input type="text" >
  <div class="name">
  Name:
  </div>
  <div class="id">
  Id:
  </div>
  <button onclick="changeText()">Submit
  </button>
</div>

CSS:

.name, .id {
  display:none; // will be displayed only when users inputs some text
}

js:

function: input (value) {
   value.split() // I'm not sure on what bases to split as this could have spaces,"-","." or even nothing
}

关于这种方法的任何想法。谢谢

Answer 1

为了仅从字符串中分离出字母或数字，我会使用正则表达式。

var input = 'abc123';

// replace anything that isn't a-z or A-Z with ""
var letters = input.replace(/[^a-zA-Z]/g, '');

// replace anything that isn't 0-9 with ""
var numbers = input.replace(/[^0-9]/g, '');

console.log('letters', letters);
console.log('numbers', numbers)

这将导致

letters abc

numbers 123