<style> form label.error, #Nameerr { color : red; } .subject_l { width : 50%; } </style> <main class="wraper responsive-width" id="main"> <!----admin template role----> <div class="admin_tempblock" > <div class="admin_tempsec"> <div class="admin_sec"> <form action="<?php echo base_url() ?>admin/roles/ae-role/<?php echo $id ?>" class="mb-5" method="post" id="roleForm"> <?php if($id == 0) {?> <div class="subsec_sec"> <div class="subject_l subject_l_full_width" > <div class="subject_lsec"> <div class="subject_lhead"><?php echo $title ?></div> <div class="subject_lformarea"> <div class="form-group"> <label for="">Role Name<span class="text-danger font-weight-bold">*</span></label> <input type="text" onkeypress="return lettersOnly(event)" name="role_name" id="role_name" class="form-control alphaonly" placeholder="Name of the role"> <label id="Nameerr" style="display : none"></label> </div> <div class="form-group"> <label for="">Status<span class="text-danger font-weight-bold">*</span></label> <select name="status" class="form-control"> <option selected disable value="">Choose role status</option> <option value="Active">Active</option> <option value="Inactive">Inactive</option> </select> </div> <div class="form-group"> <label for=""> Description</label> <textarea class="form-control" data-altName="Description" name="role_desc" rows="6" placeholder="Add some description of your course..."></textarea> </div> <label class="d-block">Role Permissions<span class="text-danger font-weight-bold">*</span></label> <div class="row mt-2 mb-3"> <?php foreach($menulist as $key => $value) { ?> <div class="col-md-6 mt-2"> <div class="form-check"> <input class="form-check-input" type="checkbox" value="<?php echo $value['id'] ?>" name="rolesid[]" id="<?php echo $value['id'] ?>"> <label class="form-check-label" for="<?php echo $value['id'] ?>"> <?php echo $value['menu_name'] ?> </label> </div> </div> <?php } ?> <!-- <label id="rolesid[]-error" class="error mb-2" for="rolesid[]"></label> </div> --> <div class="common_btn_wrap"> <input type="submit" class="subject_addbtn" value="Save"> <a href="<?= base_url(); ?>admin/roles/list"><button type="button" class="subject_addbtn bg-dark ml-2">Back</button></a> </div> </div> </div> </div> </div> </form> <?php } else { ?> <div class="subsec_sec"> <div class="subject_l subject_l_full_width"> <div class="subject_lsec"> <div class="subject_lhead"><?php echo $title ?></div> <div class="subject_lformarea"> <div class="form-group"> <label for="">Role Name<span class="text-danger font-weight-bold">*</span></label> <input type="text" id="role_name" onkeypress="return lettersOnly(event)" name="role_name" value="<?php echo $result[0]['role_name'] ?>" class="form-control" placeholder="Name of the role"> <label id="Nameerr" style="display : none"></label> </div> <div class="form-group"> <label for="">Status<span class="text-danger font-weight-bold">*</span></label> <select name="status" class="form-control"> <option selected value="<?php echo $result[0]['status'] ?>"><?php echo $result[0]['status'] ?></option> <?php if($result[0]['status'] == 'Active') { ?> <option value="Inactive">Inactive</option> <?php } else {?> <option value="Active">Active</option> <?php } ?> </select> </div> <div class="form-group"> <label for=""> Description</label> <textarea class="form-control" data-altName="Description" name="role_desc" rows="6" placeholder="Add some description of your course..."><?php echo $result[0]['role_desc'] ?></textarea> </div> <label class="d-block">Role Permissions<span class="text-danger font-weight-bold">*</span></label> <div class="row mt-2 mb-3"> <?php foreach($menulist as $key => $value) { if(in_array($value['id'],$pre_selected_ids)) { ?> <div class="col-md-6 mt-2"> <div class="form-check"> <input class="form-check-input" checked type="checkbox" value="<?php echo $value['id'] ?>" name="rolesid[]" id="<?php echo $value['id'] ?>"> <label class="form-check-label" for="<?php echo $value['id'] ?>"> <?php echo $value['menu_name'] ?> </label> </div> </div> <?php } else { ?> <div class="col-md-6 mt-2"> <div class="form-check"> <input class="form-check-input" type="checkbox" value="<?php echo $value['id'] ?>" name="rolesid[]" id="<?php echo $value['id'] ?>"> <label class="form-check-label" for="<?php echo $value['id'] ?>"> <?php echo $value['menu_name'] ?> </label> </div> </div> <?php } ?> <?php } ?> <!-- <label id="rolesid[]-error" class="error mb-2" for="rolesid[]"></label> --> </div> <div class="common_btn_wrap"> <input type="submit" class="subject_addbtn" value="Update"> <a href="<?= base_url(); ?>admin/roles/list"><button type="button" class="subject_addbtn bg-dark ml-2">Back</button></a> </div> </div> </div> </div> </div> </form> <?php } ?> </div> </div> </div> <!----admin template role end----> </main> <!--End right-top side--> <script> $(document).on('keypress', function(e){ if(e.which==13) { $('form').submit(); } }); $(document).ready(function(){ $("#roleForm").validate({ rules: { role_name: { required: true, minlength: 1 }, status : "required", // 'rolesid[]' : 'required' }, messages: { role_name: { required: "Please provide a role name", minlength : "Please enter more than 4 Characters" }, status : 'Please select the status of role', // 'rolesid[]' : 'Please select atleast one permission.' }, submitHandler: function(form) { var inputValue = $("input[name='role_name']",form).val(); inputValue = inputValue.toLowerCase().trim().replace(/\s\s+/g, ' '); $("#role_name").val(inputValue); let flag = false; $.ajax({ url : '<?php echo base_url() ?>' + 'admin/ajax_validate_role_name', data : { value : inputValue, id : <?php echo $id ?> }, type : 'POST', async : false, success: function(data){ console.log(data); if(data == 'success'){ flag = true } } }); if(flag) { form.submit(); } else { $('#Nameerr').show(); $('#Nameerr').text('This role name already exists.'); } } }); }); </script> <script type="text/javascript"> function lettersOnly() { var charCode = event.keyCode; if ((charCode > 64 && charCode < 91) || (charCode > 96 && charCode < 123) || charCode == 8 || charCode == 32) return true; else return false; } </script>