javascript - 如何使输入字段接受 javascript 中的字母数字数据

Question

我希望(使用 JavaScript)下面的输入字段仅接受字母和数字的组合，否则显示消息。仅当消息为空时才显示消息。似乎有些不对劲，但我也不太清楚。

<script type='text/javascript'>

  function isAlphanumeric(elem, msg){
   var alNumeric = /^[0-9a-zA-Z]+$/
   if(elem.value.match(alNumeric)){
   }else{  
     alert(msg)
     elem.focus()
     return false
   }
  }
</script>

<form>
  <input type ='text' id ='letter_number'/>
  <input type ='button' onclick ="isAlphanumeric(document.getElementById('letter_number'), 'Enter a mix of letter and num pls')" value ='letter_number'/>
</form>

Answer 1

您需要的是一些断言(Javascript 中仅支持前瞻)，如下所示:

var alNumeric = /^(?=.*?\d)(?=.*?[a-zA-Z])[\da-zA-Z]+$/

断言(?=.*?\d)首先检查字符串中是否有数字，如果满足，则继续下一个断言(?=.*?[a-zA-Z]) 检查是否存在任何字母字符。如果是，请继续执行下一个仅匹配字母数字字符的表达式 [\da-zA-Z]+。