JS Reg Rules

http://www.jb51.net/article/25313.htm

<script>
	 var str_jira = "XXXX-X";
	 var str_jira_grca = "GRCA-X";
	 var str_jira_1 = "AAAA-1111w";
	 var str_jira_grca_1 = "GRCA-111a";
	 var strPattern_jira = /^[a-zA-Z]{4}-\d+$/;
	 var strPattern_jira_grca = /GRCA-\d+$/;
	 var checkResult_jira = false;
	 var checkResult_jira_grca = false;
	 if(str_jira!=''){
		checkResult_jira = strPattern_jira.test(str_jira_1);
	 }
	 if(str_jira_grca!=''){
		checkResult_jira_grca = strPattern_jira_grca.test(str_jira_grca_1);
	 }
	 console.log("JICA=>"+checkResult_jira);
	 console.log("JICA GRCA=>"+checkResult_jira_grca);
 
</script>

 

### ProForm 中设置电话号码验证规则 在 Ant Design Vue 的 `ProForm` 组件中实现电话号码的验证,可以遵循类似的模式来定义和应用验证规则。通过将自定义验证函数集成到组件配置中,能够确保输入的数据符合预期的标准。 对于电话号码的具体校验逻辑,在 JavaScript 函数内实现了正则表达式的匹配操作[^3]: ```javascript // 定义验证方法 const validatePhone = (rule, value, callback) => { const reg = /^[1][3-9][0-9]{9}$/; if (!value || value === '' || value === undefined || value === null){ callback(); } else { if (!reg.test(value)) { callback(new Error('请输入正确的电话号码')); } else { callback(); } } }; ``` 为了使上述验证器生效并应用于 `ProForm` 表单项上,需按照如下方式构建表单结构以及关联对应的验证属性[^1]: ```html <template> <a-pro-form :formModel="formState"> <!-- ...其他字段... --> <a-pro-form-item label="联系电话" fieldKey="phone" rules={[{ validator: validatePhone }]}> <a-input v-model:value="formState.phone"/> </a-pro-form-item> <!-- ...更多字段... --> </a-pro-form> </template> <script setup lang="ts"> import { reactive } from 'vue'; const formState = reactive({ phone: '', }); // 导入或声明前面提到的validatePhone函数... </script> ``` 此代码片段展示了如何利用 `validator` 字段指定特定于该输入框的额外检验行为。每当用户尝试提交含有不合规数据时,系统会自动触发错误提示信息显示给用户知道哪里出了错[^2]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值