Robot/html-tips-tricks
1
0
Fork 0
mirror of https://github.com/atapas/html-tips-tricks.git synced 2024-11-16 00:38:26 +01:00
Code Issues Projects Releases Packages Wiki Activity

Input tips, Updated the index.html file

Browse source
This commit is contained in:
praveen 2022-10-05 08:49:39 +05:30
parent c062388fce
commit 1d75fb557e
1 changed files with 34 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
inputs/index.html
View file

@ -68,14 +68,42 @@
<h2>Regex validations</h2>
<form>
<label for="password">Strong password($Password1234):</label>
<input type="password"
name="password"
id="password"
placeholder="6-20 chars, at least 1 digit, 1 uppercase and one lowercase letter"
pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,20}$" autofocus required>
<input type="password" name="password" id="password"
placeholder="6-20 chars, at least 1 digit, 1 uppercase and one lowercase letter"
pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,20}$" autofocus required>
<button type="submit"> Test </button>
</form>
</div>
</div>
<div class="box">
<h2>Allow only integer</h2>
<form>
<label for="intfield">Allow only integer</label>
<input id="intfield" type="text" onkeypress='return event.charCode >= 48 && event.charCode <= 57' maxlength="10">
</form>
</div>
<div class="box">
<h2>Mobile Number validation using Regex (Allow only the phone number which starts with 7,8 and 9)</h2>
<form>
<label for="mobilenumbervalidation">Mobile Number</label>
<input id="mobilenumbervalidation" type="text" pattern="[789][0-9]{9}" autofocus required>
<button type="submit"> Test </button>
</form>
</div>
<div class="box">
<h2>Full Name Validation</h2>
<form>
<label for="fullnamevalidationid">Full Name</label>
<input id="fullnamevalidationid" type="text" name="fullName" onkeypress="return (event.charCode > 64 &&
event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)" placeholder="Full Name">
<button type="submit"> Test </button>
</form>
</div>
</div>
</body>