gpt4 book ai didi

javascript - 使用 Abide 进行表单验证

转载 作者:行者123 更新时间:2023-12-02 16:56:52 26 4
gpt4 key购买 nike

我正在使用基础CSS进行前端设计,如何使用Abide(表单验证器)。

示例:...如果我需要在“电话号码”字段中仅允许 10 个字符..

如果我错了,请纠正我,因为我是使用基础和网络开发的新手。

我已经尝试过这样做...这不起作用..

version : '5.3.3',

settings : {
live_validate : true,
focus_on_invalid : true,
error_labels: true, // labels with a for="inputId" will recieve an `error` class
timeout : 1000,
patterns : {
alpha: /^[a-zA-Z]+$/,
alpha_numeric : /^[a-zA-Z0-9]+$/,
integer: /^[-+]?\d+$/,

// modified here

cvv : /^([0-9]){3,4}$/, \\ I have just copied the above line and renamed the pattern as "cv"
cv : /^([0-9]){3,4}$/' \\the pattern cvv works but the same when I copy pasted and renamed to cv does not work.

`

最佳答案

我会首先查看他们的文档(此处:http://foundation.zurb.com/docs/components/abide.html)

在那里您将学习如何添加自定义模式(因为您有一些自定义要求)。

您必须定义一个新模式,也许将其称为phoneNumber

$(document)
.foundation({
abide : {
patterns: {
phoneNumber: ^\D?(\d{3})\D?\D?(\d{3})\D?(\d{4})$ //this matches (111) 222-3333 | 1112223333 | 111-222-3333
}
}
});

一旦定义了模式,您就可以继续使用它:

<form class="custom" data-abide>
<label>Phone Number
<input type="text" pattern="phoneNumber" required>
</label>
</form>

这里是需要正则表达式时另一个有用站点的链接:http://regexlib.com/Search.aspx?k=phone+number&c=-1&m=-1&ps=20 - 如果您想匹配不同的格式,请查看那里。

关于javascript - 使用 Abide 进行表单验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26102626/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com