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