ragil/report_satu_data
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit - report data

Browse Source
This commit is contained in:
Ragil Bayu
2025-03-21 10:22:45 +07:00
commit 59963790c0
3493 changed files with 1353173 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/template/sources/pages/forms-validation.html
+183
View File
@@ -0,0 +1,183 @@
{% set title = 'Forms › Form Validation' %}
{% set page = 'forms-validation.html' %}
{% extends 'layouts/master.html' %}
{% block content %}
<section class="section">
<div class="section-header">
<h1>Form Validation</h1>
<div class="section-header-breadcrumb">
<div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
<div class="breadcrumb-item"><a href="#">Forms</a></div>
<div class="breadcrumb-item">Form Validation</div>
</div>
</div>
<div class="section-body">
<h2 class="section-title">Form Validation</h2>
<p class="section-lead">
Form validation using default from Bootstrap 4
</p>
<div class="row">
<div class="col-12 col-md-6 col-lg-6">
<div class="card">
<form>
<div class="card-header">
<h4>Default Validation</h4>
</div>
<div class="card-body">
<div class="form-group">
<label>Your Name</label>
<input type="text" class="form-control" required="">
</div>
<div class="form-group">
<label>Email</label>
<input type="email" class="form-control" required="">
</div>
<div class="form-group">
<label>Subject</label>
<input type="email" class="form-control">
</div>
<div class="form-group mb-0">
<label>Message</label>
<textarea class="form-control" required=""></textarea>
</div>
</div>
<div class="card-footer text-right">
<button class="btn btn-primary">Submit</button>
</div>
</form>
</div>
<div class="card">
<form class="needs-validation" novalidate="">
<div class="card-header">
<h4>JavaScript Validation</h4>
</div>
<div class="card-body">
<div class="form-group">
<label>Your Name</label>
<input type="text" class="form-control" required="">
<div class="invalid-feedback">
What's your name?
</div>
</div>
<div class="form-group">
<label>Email</label>
<input type="email" class="form-control" required="">
<div class="invalid-feedback">
Oh no! Email is invalid.
</div>
</div>
<div class="form-group">
<label>Subject</label>
<input type="email" class="form-control">
<div class="valid-feedback">
Good job!
</div>
</div>
<div class="form-group mb-0">
<label>Message</label>
<textarea class="form-control" required=""></textarea>
<div class="invalid-feedback">
What do you wanna say?
</div>
</div>
</div>
<div class="card-footer text-right">
<button class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
<div class="col-12 col-md-6 col-lg-6">
<div class="card">
<form>
<div class="card-header">
<h4>Server-side Validation</h4>
</div>
<div class="card-body">
<div class="form-group">
<label>Your Name</label>
<input type="text" class="form-control is-valid" value="Rizal Fakhri" required="">
<div class="valid-feedback">
Good job!
</div>
</div>
<div class="form-group">
<label>Email</label>
<input type="email" class="form-control is-invalid" required="" value="rizal@fakhri">
<div class="invalid-feedback">
Oh no! Email is invalid.
</div>
</div>
<div class="form-group">
<label>Subject</label>
<input type="email" class="form-control">
</div>
<div class="form-group mb-0">
<label>Message</label>
<textarea class="form-control is-invalid" required="">Hello, i'm handsome!</textarea>
<div class="invalid-feedback">
Oh no! You entered an inappropriate word.
</div>
</div>
</div>
<div class="card-footer text-right">
<button class="btn btn-primary">Submit</button>
</div>
</form>
</div>
<div class="card">
<form class="needs-validation" novalidate="">
<div class="card-header">
<h4>JavaScript Validation (Horizontal Form)</h4>
</div>
<div class="card-body">
<div class="form-group row">
<label class="col-sm-3 col-form-label">Your Name</label>
<div class="col-sm-9">
<input type="text" class="form-control" required="">
<div class="invalid-feedback">
What's your name?
</div>
</div>
</div>
<div class="form-group row">
<label class="col-sm-3 col-form-label">Email</label>
<div class="col-sm-9">
<input type="email" class="form-control" required="">
<div class="invalid-feedback">
Oh no! Email is invalid.
</div>
</div>
</div>
<div class="form-group row">
<label class="col-sm-3 col-form-label">Subject</label>
<div class="col-sm-9">
<input type="email" class="form-control">
<div class="valid-feedback">
Good job!
</div>
</div>
</div>
<div class="form-group mb-0 row">
<label class="col-sm-3 col-form-label">Message</label>
<div class="col-sm-9">
<textarea class="form-control" required=""></textarea>
<div class="invalid-feedback">
What do you wanna say?
</div>
</div>
</div>
</div>
<div class="card-footer text-right">
<button class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
{% endblock %}