gpt4 book ai didi

javascript - 适用于 regex101 但不适用于 javascript 的模式

转载 作者:行者123 更新时间:2023-12-01 02:06:42 25 4
gpt4 key购买 nike

我必须为表单中的字段设置模式。该模式必须具有以下特征:

1.长度必须在8到12个字符之间。

2.可以包含数字、字母(大写或小写)、“点”、“破折号”和“下划线”

3.必须以字母开头。

我设法找到了适用于 https://regex101.com/ 的模式但是当我编写 JavaScript 时,代码不起作用。

这是模式:^[a-zA-Z][a-zA-Z0-9.-_]{7,11}$

这是代码:

<!DOCTYPE html>
<html>
<body>
<form name="regForm" action="/action_page.php" onsubmit="return validateForm()" method="post">

username: <input type="text" name="uname" pattern="^[a-zA-Z][a-zA-Z0-9\.\-_]{7,11}$" id="uname" required="required"><br>
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>

最佳答案

在正则表达式中,删除不必要的 ^$。下面的演示按预期工作,并且使用实时测试服务器(尽管并不是真正必要,因为您主要关心的是请求属性正常工作)。为了测试和确认,成功提交后,请在表单下方的 iframe 中查找服务器响应。

演示

<!DOCTYPE html>
<html>

<body>
<form name="regForm" action="https://httpbin.org/post" method="post" target='response'>

username: <input type="text" id="uname" name="uname" pattern="[a-zA-Z][a-zA-Z0-9\.\-_]{7,11}" required="required"><br>
<br><br>
<input type="submit"><br><br>
<h4>iFrame will display test server response</h4>
<iframe src='about:blank' name='response'></iframe>
</form>
</body>

</html>

关于javascript - 适用于 regex101 但不适用于 javascript 的模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50054613/

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