详解ng-alain动态表单SF表单项设置必填和正则校验
在使用动态表单时对表单项进行非空校验及正则校验。
使用手机号进行校验，示例如下：
动态表单的基本使用：https://ng-alain.com/form/getting-started/zh
基于基本示例，增加手机号必填与正则校验的例子：
@Component({
selector: 'app-home',
template: `
<sf [schema]="schema" [ui]="ui" (formSubmit)="submit($event)"></sf>
`
})
export class HomeComponent {
schema: SFSchema = {
properties: {
email: {
type: 'string',
title: '邮箱',
format: 'email',
maxLength: 20
},
name: {
type: 'string',
title: '姓名',
minLength: 3
},
mobileNumber: { type: 'string', title: '手机号', pattern: '^1[0-9]{10}$' },
},
};
ui: SFUISchema = {
'*': {
spanLabelFixed: 100,
grid: { span: 24 },
},
$mobileNumber: {
widget: 'string',
errors: { 'pattern': '请输入11位手机号码' }
}
};
submit(value: any) {
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍ng-alain表单使用方式详解，包括了ng-alain表单使用方式详解的使用技巧和注意事项，需要的朋友参考一下 Angular表单 Angular提供两种不同的架构范式表单：模板驱动和响应式表单，官网也简单实现了动态表单范例。 当使用两种不同范式构建一个用户必填性的表单，在使用上有非常大的不同： 模板驱动 响应式 上述示例只提供核心代码 诚如模板驱动和响应式表单的名称一样。模板驱动
-
路过的大佬，应该怎么校验？麻烦大家啦:
-
本文向大家介绍详解表单验证正则表达式实例(推荐)，包括了详解表单验证正则表达式实例(推荐)的使用技巧和注意事项，需要的朋友参考一下 验证：!reg.test(value) 邮箱： 不包含中文： 身份证号： 密码强度检测： 以上所述是小编给大家介绍的详解表单验证正则表达式实例(推荐)的相关知识，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的
-
问题内容： 我知道如何使用纯PHP来做到这一点，但是我需要在不重新加载页面的情况下做到这一点。无论如何，jQuery是否可以有效地拉回一些数据库结果（基于用户在表单的第一个文本字段中输入的内容），然后使用从db查询中拉回的数据填充其余的字段？ 从本质上讲，我希望用户离开文本字段（通过跳出或单击下一个字段）而离开，然后使用该字段中输入的值提交查询，然后使用w /重新加载页面。 我熟悉jQuery的基
-
我有一个基于XFA的pdf表单，我们需要使用java来填充它。你能建议最好的方法吗。我能够使用iText为pdf生成xfa xml。 我有从上面的代码生成的Pdf和Xfa XML。你能不能建议我如何继续下去，因为我似乎没有主意了。我试图检查XFA文档，但似乎不对。我没有xml，pdf非常复杂，因为它有许多字段，是一个动态XFA pdf表单。 您的帮助和建议将受到衷心的感谢。
-
本文向大家介绍Angular模板表单校验方法详解，包括了Angular模板表单校验方法详解的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了Angular模板表单校验的方法，供大家参考，具体内容如下 1. 创建指令 2. html 3. 控制器 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。