Notification Required : ps

This commit is contained in:
VE10-Sanjeev 2024-01-09 16:41:29 +05:30
parent 67d9b51186
commit ecc21ba75e

View File

@ -87,9 +87,10 @@
<div id="mailFormDiv">
<form role="form" class="parsley-examples" method="POST" enctype="multipart/form-data" action="<?= base_url() . "mail_custom_notifications"; ?>" id="myForm2">
<div class="form-group row">
<label for="recipient" class="col-4 col-form-label">Recipient Email</label>
<label for="recipient" class="col-4 col-form-label" >Recipient Email<span class="text-danger"> *</span></label>
<div class="col-7">
<input type="email" placeholder="Recipient Email" class="form-control" id="recipient" name="recipient_email" parsley-type="email">
<input type="email" placeholder="Recipient Email" class="form-control" id="recipient" name="recipient_email" parsley-type="email" onkeyup="validateEmail(this.value)">
<span id="emailValidationMessage"></span>
</div>
</div>
<div class="form-group row">
@ -105,13 +106,13 @@
</div>
</div>
<div class="form-group row">
<label for="subject" class="col-4 col-form-label">Subject</label>
<label for="subject" class="col-4 col-form-label">Subject<span class="text-danger"> *</span></label>
<div class="col-7">
<input type="text" placeholder="Subject" class="form-control" id="subject" name="subject">
</div>
</div>
<div class="form-group row">
<label for="body" class="col-4 col-form-label">Body</label>
<label for="body" class="col-4 col-form-label">Body<span class="text-danger"> *</span></label>
<div class="col-7">
<textarea id="summernote-basic" name="description" class="form-control" rows="7">
<h5>Hello {USER_NAME}, </h5>
@ -150,7 +151,7 @@
</div>
<div id="fields-for-mobile">
<div class="form-group row">
<label for="mobile" class="col-4 col-form-label">Mobile Number</label>
<label for="mobile" class="col-4 col-form-label">Mobile Number<span class="text-danger"> *</span></label>
<div class="col-7">
<!-- <input type="number" placeholder="Mobile Number" class="form-control" id="mobile" name="mobile"> -->
<input type="text" class="form-control" id="mobile" name="mobile" placeholder="Mobile Number" data-toggle="input-mask" data-mask-format="0000000000">
@ -161,7 +162,7 @@
<label for="type" class="col-4 col-form-label">Message Type</label>
<div class="col-7">
<select class="form-control" id="type" name="type">
<option value="">Choose your Message Type</option>
<!-- <option value="">Choose your Message Type</option> -->
<option value="text">Text</option>
<option value="media">Media</option>
</select>
@ -176,7 +177,7 @@
</div>
</div>
<div class="form-group row">
<label for="message" class="col-4 col-form-label">Message</label>
<label for="message" class="col-4 col-form-label">Message <span class="text-danger"> *</span></label>
<div class="col-7">
<textarea id="message" name="description" class="form-control" rows="5">Hello {USER_NAME},Please,write text here!</textarea>
</div>
@ -213,6 +214,12 @@
for (let i = 0; i < elements.length; i++) {
elements[i].textContent = "Mail Custom Notification";
}
document.getElementById("recipient").required = true;
document.getElementById("subject").required = true;
document.getElementById("summernote-basic").required = true;
document.getElementById("mobile").required = false;
document.getElementById("message").required = false;
});
// Add a click event listener to the link
@ -226,6 +233,11 @@
for (let i = 0; i < elements.length; i++) {
elements[i].textContent = "Whatsapp Custom Notification";
}
document.getElementById("recipient").required = false;
document.getElementById("subject").required = false;
document.getElementById("summernote-basic").required = false;
document.getElementById("mobile").required = true;
document.getElementById("message").required = true;
});
// Get references to the dropdown and field divs
@ -283,4 +295,22 @@
$('#submitBtn').prop('disabled', true);
}
});
</script>
<script>
function validateEmail(email) {
// Regular expression for a basic email validation
var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
var emailInput = document.getElementById("recipient");
var validationMessage = document.getElementById("emailValidationMessage");
if (emailPattern.test(email)) {
validationMessage.textContent = "";
} else if (email == "") {
validationMessage.textContent = "";
} else {
validationMessage.textContent = "Invalid email address";
validationMessage.style.color = "red";
}
}
</script>