javascript正则表达式验证以匹配特定模式以从文本框接受

标签 javascript regex validation

<分区>

我有一个带有文本框的表单,用户需要插入宽度 X 高度格式值,因此我需要使用 JavaScript 正则表达式验证来验证它的格式是否正确。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<input type="text" name="txt" class="txt_val" value=""/>
<input type="submit" class="clk" value="submit"/>

<script>
  $(".clk").click(function(){
    var number=$(".txt_val").val();
    var compare=/[0-9]{2}^[a-z .x-]{1}[0-9]{2}/;
    if(number.match(compare)){
      alert('match');
    }
    else{
      alert('not match');
    }
  });
</script>

用例的预期输出:

1)格式应该是这样的

10X10  or 23X24  or 36X24 or 44X56

像任何带大写或小写'x'的宽高

2) widthXheight 和字符'x' 后面有两位数字的任何数字可以是大写或小写

最佳答案

你的正则表达式应该是 /[0-9]{2}[x|X][0-9]{2}$/

地点:

[0-9] - 匹配 0(索引 48)和 9(索引 57)之间的数字

{2} - 量词——恰好匹配 2 次

[x|X] - 匹配字符 x 或 X

$ - 在行尾断言位置

$(".clk").click(function(){
  var number=$(".txt_val").val();
  var compare=/[0-9]{2}[x|X][0-9]{2}$/;
  if(number.match(compare)){
    alert('match');
  }
  else{
    alert('not match');
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<input type="text" name="txt" class="txt_val" value=""/>
<input type="button" class="clk" value="submit"/>

关于javascript正则表达式验证以匹配特定模式以从文本框接受,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58424585/

相关文章:

c - 正则表达式匹配错误的字符串

jquery - 正则表达式(用于 jQuery)验证带 2 位小数的正数

javascript - 发送复选框组的值

javascript - 复选框的行为类似于单选框 javascript

regex - 谷歌分析正则表达式排除子文件夹中的某个 url

php - 当我使用 PHP 发送推送通知消息时获取反斜杠 (\) 和撇号 (')

javascript - 在 promise 链中调用 express 中间件 next()

javascript - C# Linq SelectMany,TypeScript 等价物

javascript - 动态社交媒体按钮 - 减少 http 请求和验证错误

c# - 带有 XML 文件的 ObservableCollection 和 IDataErrorInfo