簡體   English   中英

在regex101上有效但在javascript中不起作用的模式

[英]pattern that works on regex101 but doesn't work in javascript

我必須為表單中的字段設置模式。 模式必須具有以下特征:

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>

在正則表達式中,刪除不必要的^$ 下面的Demo可以正常工作,並且使用實時測試服務器(盡管實際上不是必需的,因為您主要關心的是request屬性是否正常工作)。 要進行測試並確認,請在成功提交后在表單下方的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> 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM