RanchiMall/blockchainbonds
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UX update

Browse Source 
Added form validation
This commit is contained in:
sairaj mote 2021-05-06 23:43:56 +05:30
parent 33ca1a104f
commit 1f8cd62c09
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
index.html
View File

@ -95,32 +95,32 @@
<form id="add-bond-form" class="grid gap-1-5">
<label class="grid gap-0-5">
FLO ID
<input type="text" name="floid" pattern="[0-9a-zA-Z]{34}">
<input type="text" name="floid" pattern="[0-9a-zA-Z]{34}" required>
</label>
<label class="grid gap-0-5">
Amount (₹)
<input type="text" name="amount" pattern="\d.+">
<input type="text" name="amount" pattern="\d.+" required>
</label>
<label class="grid gap-0-5">
Bond start date
<input type="date" name="start_date">
<input type="date" name="start_date" required>
</label>
<label class="grid gap-0-5">
Base BTC value ($)
<input type="text" name="base" pattern="^[\d,]+.?\d$">
<input type="text" name="base" pattern="^[\d,]+.?\d$" required>
</label>
<label class="grid gap-0-5">
Base USD rate (₹)
<input type="number" name="usd_rate" step="0.01">
<input type="number" name="usd_rate" step="0.01" required>
</label>
<label class="grid gap-0-5">
Guaranteed interest rate (%)
<input type="number" name="gi_r" min=0 max=100 step="0.01">
<input type="number" name="gi_r" min=0 max=100 step="0.01" required>
</label>
<div class="grid gap-0-5">
Guaranteed interest period
<div class="flex">
<input type="number" name="gi_pv">
<input type="number" name="gi_pv" required>
<sm-select id="gi_pt" align-select="right">
<sm-option value="year(s)" selected>year(s)</sm-option>
<sm-option value="month(s)">month(s)</sm-option>
@ -131,12 +131,12 @@
</div>
<label class="grid gap-0-5">
Gain share (%)
<input type="number" name="cut" min=0 max=100>
<input type="number" name="cut" min=0 max=100 required>
</label>
<div class="grid gap-0-5">
Lock-in period
<div class="flex">
<input type="number" name="lockin_v">
<input type="number" name="lockin_v" required>
<sm-select id="lockin_t" align-select="right">
<sm-option value="year(s)" selected>year(s)</sm-option>
<sm-option value="month(s)">month(s)</sm-option>