TRKJ/EdgeNode
2
0
Fork 0
mirror of https://github.com/TeaOSLab/EdgeNode.git synced 2025-11-04 07:40:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化WAF验证码输入框和字体样式

Browse Source
This commit is contained in:
刘祥超
2024-01-09 17:11:18 +08:00
parent 9db86b011a
commit 74a559b1a0
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
internal/waf/captcha_validator.go
View File

@@ -182,6 +182,7 @@ func (this *CaptchaValidator) showVerifyCodesForm(actionConfig *CaptchaAction, r
var msgPrompt string var msgPrompt string
var msgButtonTitle string var msgButtonTitle string
var msgRequestId string var msgRequestId string
var msgPlaceholder string
switch lang { switch lang {
case "en-US": case "en-US":
@@ -189,16 +190,19 @@ func (this *CaptchaValidator) showVerifyCodesForm(actionConfig *CaptchaAction, r
msgPrompt = "Input verify code above:" msgPrompt = "Input verify code above:"
msgButtonTitle = "Verify Yourself" msgButtonTitle = "Verify Yourself"
msgRequestId = "Request ID" msgRequestId = "Request ID"
msgPlaceholder = ""
case "zh-CN": case "zh-CN":
msgTitle = "身份验证" msgTitle = "身份验证"
msgPrompt = "请输入上面的验证码" msgPrompt = "请输入上面的验证码"
msgButtonTitle = "提交验证" msgButtonTitle = "提交验证"
msgRequestId = "请求ID" msgRequestId = "请求ID"
msgPlaceholder = "点此输入"
case "zh-TW": case "zh-TW":
msgTitle = "身份驗證" msgTitle = "身份驗證"
msgPrompt = "請輸入上面的驗證碼" msgPrompt = "請輸入上面的驗證碼"
msgButtonTitle = "提交驗證" msgButtonTitle = "提交驗證"
msgRequestId = "請求ID" msgRequestId = "請求ID"
msgPlaceholder = "點此輸入"
default: default:
msgTitle = "Verify Yourself" msgTitle = "Verify Yourself"
msgPrompt = "Input verify code above:" msgPrompt = "Input verify code above:"
@@ -240,7 +244,7 @@ func (this *CaptchaValidator) showVerifyCodesForm(actionConfig *CaptchaAction, r
</div> </div>
<div class="ui-input"> <div class="ui-input">
<p class="ui-prompt">` + msgPrompt + `</p> <p class="ui-prompt">` + msgPrompt + `</p>
<input type="text" name="GOEDGE_WAF_CAPTCHA_CODE" id="GOEDGE_WAF_CAPTCHA_CODE" size="` + types.String(countLetters*17/10) + `" maxlength="` + types.String(countLetters) + `" autocomplete="off" z-index="1" class="input"/> <input type="text" name="GOEDGE_WAF_CAPTCHA_CODE" id="GOEDGE_WAF_CAPTCHA_CODE" size="` + types.String(countLetters*17/10) + `" maxlength="` + types.String(countLetters) + `" autocomplete="off" z-index="1" class="input" placeholder="` + msgPlaceholder + `"/>
</div> </div>
<div class="ui-button"> <div class="ui-button">
<button type="submit" style="line-height:24px;margin-top:10px">` + msgButtonTitle + `</button> <button type="submit" style="line-height:24px;margin-top:10px">` + msgButtonTitle + `</button>
@@ -271,7 +275,7 @@ func (this *CaptchaValidator) showVerifyCodesForm(actionConfig *CaptchaAction, r
var isValidated=!1;window.addEventListener("pageshow",function(){isValidated&&window.location.reload()}),null!=window.addEventListener&&(document.addEventListener("DOMContentLoaded",function(){document.getElementById("ui-captcha-image").addEventListener("load",function(){var e=document.getElementById("ui-captcha-image-prompt");e.parentNode.removeChild(e)})}),window.addEventListener("load",function(){document.getElementById("GOEDGE_WAF_CAPTCHA_CODE").focus();var e=document.getElementById("captcha-form");null!=e&&e.addEventListener("submit",function(){isValidated=!0})})); var isValidated=!1;window.addEventListener("pageshow",function(){isValidated&&window.location.reload()}),null!=window.addEventListener&&(document.addEventListener("DOMContentLoaded",function(){document.getElementById("ui-captcha-image").addEventListener("load",function(){var e=document.getElementById("ui-captcha-image-prompt");e.parentNode.removeChild(e)})}),window.addEventListener("load",function(){document.getElementById("GOEDGE_WAF_CAPTCHA_CODE").focus();var e=document.getElementById("captcha-form");null!=e&&e.addEventListener("submit",function(){isValidated=!0})}));
</script> </script>
<style type="text/css"> <style type="text/css">
* { font-size: 12px; } * { font-size: 13px; }
form { max-width: 20em; margin: 0 auto; text-align: center; font-family: Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; } form { max-width: 20em; margin: 0 auto; text-align: center; font-family: Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
.ui-prompt { font-size: 1.2rem; } .ui-prompt { font-size: 1.2rem; }
.input { font-size:16px;line-height:24px; letter-spacing:0.2em; min-width: 5em; text-align: center; background: #fff; border: 1px solid rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.87); outline: none; border-radius: 4px; padding: 0.75rem 0.75rem; } .input { font-size:16px;line-height:24px; letter-spacing:0.2em; min-width: 5em; text-align: center; background: #fff; border: 1px solid rgba(0, 0, 0, 0.38); color: rgba(0, 0, 0, 0.87); outline: none; border-radius: 4px; padding: 0.75rem 0.75rem; }