ariefajar
/
MIF_E31221322
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(master-land): create validate input no Hp and date

This commit is contained in:
arieeefajar 2025-02-15 13:32:43 +07:00
parent f8732a5bb6
commit 09989ec7ff
2 changed files with 37 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
public/assets/js/pages/customJs/master-data/lahan/index.js
View File

@ -1,20 +1,5 @@
var map;
var currentMarker = null;
document.addEventListener("DOMContentLoaded", function () {
// Initialize the first map
map = L.map("map", {
attributionControl: false,
}).setView([-8.157416852745705, 113.72281580436439], 16);
// Add tile layers to both maps
L.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png", {
maxZoom: 19,
}).addTo(map);
$("#showModal").on("shown.bs.modal", function () {
map.invalidateSize();
});
});
var form = document.getElementById("add-form");
var provinceField = form.querySelector("#province-field");
@ -36,6 +21,34 @@ var mapContainer = form.querySelector("#map-container");
var loading = form.querySelector("#loading");
var btnContainer = form.querySelector("#btn-container");
document.addEventListener("DOMContentLoaded", function () {
// Initialize the first map
map = L.map("map", {
attributionControl: false,
}).setView([-8.157416852745705, 113.72281580436439], 16);
// Add tile layers to both maps
L.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png", {
maxZoom: 19,
}).addTo(map);
$("#showModal").on("shown.bs.modal", function () {
map.invalidateSize();
});
});
function validatePhoneNumber(input) {
input.value = input.value.replace(/\D/g, "");
if (input.value.length < 10 || input.value.length > 13) {
input.setCustomValidity("Nomor telepon tidak valid");
} else {
input.setCustomValidity("");
}
}
function getRegencies(provinceId) {
regencyContainer.style.display = "none";
districtContainer.style.display = "none";
@ -90,8 +103,6 @@ function getRegencies(provinceId) {
}
function showmap(districtId) {
mapContainer.style.display = "block";
map.invalidateSize();
if (!navigator.geolocation) {
alert("Geolocation tidak didukung oleh browser ini.");
return;
@ -99,6 +110,9 @@ function showmap(districtId) {
navigator.geolocation.getCurrentPosition(
function (position) {
mapContainer.style.display = "block";
map.invalidateSize();
btnContainer.style.display = "block";
var lat = position.coords.latitude;
var lng = position.coords.longitude;

10
resources/views/master-data/lahan/index.blade.php
View File

@ -162,7 +162,8 @@ class="fw-medium link-primary">#VZ2101</a></td>
<div class="mb-3">
<label for="nohp-field" class="form-label">Nomor HP</label>
<input type="text" id="nohp-field" class="form-control" name="nohp"
value="{{ old('nohp') }}" placeholder="Masukan Nomor HP" required />
value="{{ old('nohp') }}" placeholder="Masukan Nomor HP" required
oninput="validatePhoneNumber(this)" />
<div class="invalid-feedback">
Masukan Nomor HP
</div>
@ -184,7 +185,7 @@ class="fw-medium link-primary">#VZ2101</a></td>
<label for="rentalstart-field" class="form-label">Mulai Dari</label>
<input type="date" id="rentalstart-field" class="form-control"
name="rental_start" value="{{ old('rental_start') }}"
placeholder="Masukan Tanggal Mulai" required />
min="{{ date('Y-m-d') }}" placeholder="Masukan Tanggal Mulai" required />
<div class="invalid-feedback">
Masukan Tanggal Mulai
</div>
@ -195,7 +196,8 @@ class="fw-medium link-primary">#VZ2101</a></td>
<label for="rentaluntil-field" class="form-label">Sampai</label>
<input type="date" id="rentaluntil-field" class="form-control"
name="rental_until" value="{{ old('rental_start') }}"
placeholder="Masukan Tanggal Sampai" required />
min="{{ date('Y-m-d') }}" placeholder="Masukan Tanggal Sampai"
required />
<div class="invalid-feedback">
Masukan Tanggal Sampai
</div>
@ -261,7 +263,7 @@ class="fw-medium link-primary">#VZ2101</a></td>
</div>
</div>
<div class="modal-footer">
<div class="hstack gap-2 justify-content-end">
<div class="hstack gap-2 justify-content-end" id="btn-container" style="display: none">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Tutup</button>
<button type="submit" class="btn btn-success" id="add-btn">Simpan</button>
</div>