go/sonr
go/sonr
1
1
Fork 0
mirror of https://github.com/onsonr/sonr.git synced 2025-03-10 21:09:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: Add form validation for passkey credential input

Browse Source
This commit is contained in:
Prad Nukala 2024-12-09 14:51:59 -05:00
parent 3353d9f622
commit e8475dbd8d
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pkg/blocks/forms/register_passkey.templ
View File

@ -11,7 +11,7 @@ type RegisterPasskeyData struct {
}
templ RegisterPasskey(action, method string, data RegisterPasskeyData) {
<form action={ templ.SafeURL(action) } method={ method }>
<form action={ templ.SafeURL(action) } method={ method } onsubmit="return validateCredential()">
<input type="hidden" name="credential" id="credential-data" required/>
<sl-card class="card-form gap-4 max-w-lg">
<div slot="header">
@ -27,6 +27,16 @@ templ RegisterPasskey(action, method string, data RegisterPasskeyData) {
<sl-icon slot="suffix" name="arrow-outbound" library="sonr"></sl-icon>
</sl-button>
</div>
<script>
function validateCredential() {
const credentialInput = document.getElementById('credential-data');
if (!credentialInput.value) {
alert('Please create a passkey before submitting');
return false;
}
return true;
}
</script>
<style>
.card-form [slot='footer'] {
display: flex;