Notification Required : ps
This commit is contained in:
parent
67d9b51186
commit
ecc21ba75e
@ -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>
|
||||
Loading…
Reference in New Issue
Block a user