Javascript I'；m使用带有regex规则的语义UI表单验证'；regExp[/（.[0-9\\-]）{23}$/]'。它在除iOS以外的其他设备上工作正常
以下代码以卡号作为输入，例如5077-1200-5007-3284-951。 卡号对除iOS以外的所有设备/浏览器有效。 另外，请让我知道我可以为相同的模式使用另一个正则表达式。Javascript I'；m使用带有regex规则的语义UI表单验证'；regExp[/（.[0-9\\-]）{23}$/]'。它在除iOS以外的其他设备上工作正常,javascript,ios,regex,semantic-ui,Javascript,Ios,Regex,Semantic Ui,以下代码以卡号作为输入，例如5077-1200-5007-3284-951。 卡号对除iOS以外的所有设备/浏览器有效。 另外，请让我知道我可以为相同的模式使用另一个正则表达式。 <html> <link rel="stylesheet" type="text/css" href="css/semantic.min.css"></link> <script src="js/jquery
<html>
<link rel="stylesheet" type="text/css" href="css/semantic.min.css"></link>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/semantic.min.js"></script>
<body>
<div class="field example">
<form class="ui form">
<div class="field">
<label>Card Number</label>
<input id="name" name="cardNumber" type="text">
</div>
<div class="ui submit button">Submit</div>
<div class="ui error message"></div>
</form>
</div>
</body>
<script>
$('.field.example form')
.form({
on: 'blur',
fields: {
empty: {
identifier : 'empty',
rules: [
{
type : 'empty',
prompt : 'Please enter a value'
}
]
},
cardNumber: {
identifier: 'cardNumber',
rules: [{
type: 'empty',
prompt: 'Required'
},
{
type: 'regExp[/(.*[0-9 \-]){23}/]',
prompt: 'Invalid'
}]
},
checkbox: {
identifier : 'checkbox',
rules: [
{
type : 'checked',
prompt : 'Please check the checkbox'
}
]
}
}
})
;
</script>
<html>
卡号
提交
$（'.field.example form'）
.表格({
在“模糊”上，
字段：{
空的：{
标识符：“空”，
规则：[
{
键入：“空”，
提示：“请输入一个值”
}
]
},
卡号：{
标识符：“卡号”，
规则：[{
键入：“空”，
提示：“必需”
},
{
键入：“regExp[/（.[0-9\-]）{23}/]”，
提示：“无效”
}]
},
复选框：{
标识符：“复选框”，
规则：[
{
键入：“已选中”，
提示：“请选中复选框”
}
]
}
}
})
;
^(?:\d{4}-){4}\d{3}$
-分别表示行的开始和结束^，$
-表示一个非捕获组，该组匹配四位数字，后跟一个（？：\d{4}-{4}
正好四次-
-精确匹配数字3次\d{3}
您可以在中找到上述正则表达式的演示，您可以尝试：
^(?:\d{4}-){4}\d{3}$
-分别表示行的开始和结束^，$
-表示一个非捕获组，该组匹配四位数字，后跟一个（？：\d{4}-{4}
正好四次-
-精确匹配数字3次\d{3}
您可以在@Mandy8055中找到上述正则表达式的演示，它适用于iOS，但现在如果我输入的数字超过预期输入，它仍然允许无误输入（示例I/p:5077-1200-5007-3284-951111）。我们能把尺寸限制在同样的范围吗？@Mandy8055非常感谢你，伙计。它像预期的那样工作：-）是的，当然。它是answer@Mandy8055它适用于iOS，但现在如果我输入的数字超过预期输入，它仍然允许无误输入（示例I/p:5077-1200-5007-3284-951111）。我们能把尺寸限制在同样的范围吗？@Mandy8055非常感谢你，伙计。它像预期的那样工作：-）是的，当然。这是一个很好的解释，这幅画使它更加清晰！感谢@ArvindKumarAvinash先生的激励……很好的解释和绘图让它更加清晰！感谢@ArvindKumarAvinash先生的激励。。。