| Server IP : 138.197.176.125 / Your IP : 216.73.217.122 Web Server : Apache/2.4.41 (Ubuntu) System : Linux SuiteCRM-8 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : root ( 0) PHP Version : 8.3.19 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/soltelcocrm/ |
Upload File : |
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Customer Feedback</title>
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" >
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<style>
body{
font-family: 'Open Sans', sans-serif;
}
.happinessbtn{
color: #fff;
background-color: #2f973f;
border: none;
padding: 7px 20px;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
margin-left: -50px;
margin-top: 20px;
}
.happinesstab div select,.happinesstab div input {
height: 29px;
width: 35%;
border-radius: 1px;
box-shadow: none;
border: 1px solid #ccc;
background: none;
}
</style>
</head>
<body>
<div class="card-header">
<h2 class="text-success" style=" text-align: center;">Customer Feedback Form</h2>
</div>
<center>
<form id="__vtigerWebForm" name="Test webform for happinessmeter" action="http://soltelco.crmtiger.es/modules/Webforms/capture.php" method="post" accept-charset="utf-8" enctype="multipart/form-data" class="mt-5 ml-5 happinesstab">
<input type="hidden" name="__vtrftk" value="sid:4f200fd152d7ebf7aad132ae03a57961ac1302f5,1677818162">
<input type="hidden" name="publicid" value="ae6fd7064aeaa52e275668f39c104dce">
<input type="hidden" name="urlencodeenable" value="1">
<input type="hidden" name="name" value="Test webform for happinessmeter">
<div class="row mb-3">
<div class="col-md-3"></div>
<div class="col-md-6">
<label>Interaction</label>
<select name="customer_interaction" data-label="customer_interaction">
<option value="">Select Value</option>
<option value="First time subscriber registration">First time subscriber registration</option>
<option value="Money deposit/withdrawal">Money deposit/withdrawal</option>
<option value="Support">Support</option>
<option value="Complaint">Complaint</option>
<option value="Website Feedback">Website Feedback</option>
</select>
</div>
<div class="col-md-3"></div>
</div>
<div class="row mb-3">
<div class="col-md-3"></div>
<div class="col-md-6">
<label>Mobile Number</label><span class="redColor" style="color: red;">*</span>
<input id="mobile_number" type="text" data-fieldname="mobile_number" data-fieldtype="string" class="inputElement " name="mobile_number" value="" required>
</div>
<div class="col-md-3"></div>
</div>
<div class="row mb-3">
<div class="col-md-3"></div>
<div class="col-md-6">
<label>User Experience</label>
<select name="user_feedback_experience" data-label="user_feedback_experience">
<option value="">Select Value</option>
<option value="After a while">After a while</option>
<option value="After a bundle expired">After a bundle expired</option>
<option value="About Network Issues">About Network Issues</option>
</select>
</div>
<div class="col-md-3"></div>
</div>
<div class="row mb-3">
<div class="col-md-3"></div>
<div class="col-md-6">
<label>Customer Services</label>
<select name="customer_services" data-label="customer_services">
<option value="">Select Value</option>
<option value="Satisfied">Satisfied</option>
<option value="Very Satisfied">Very Satisfied</option>
<option value="Neutral">Neutral</option>
<option value="Unsatisfied">Unsatisfied</option>
<option value="Very Unsatisfied">Very Unsatisfied</option>
</select>
</div>
<div class="col-md-6"></div>
</div>
<div class="row mb-3">
<div class="col-md-3"></div>
<div class="col-md-6">
<label>Products/Services</label>
<select name="user_products_services" data-label="user_products_services">
<option value="">Select Value</option>
<option value="MIFI">MIFI</option>
<option value="Smartphone">Smartphone</option>
<option value="Bundle Offers">Bundle Offers</option>
</select>
</div>
<div class="col-md-6"></div>
</div>
<div class="row mb-3">
<div class="col-md-3"></div>
<div class="col-md-6">
<label>Channels</label>
<select name="user_channel" data-label="user_channel">
<option value="">Select Value</option>
<option value="Sales Branches(CRM)">Sales Branches(CRM)</option>
<option value="Website">Website</option>
<option value="Soltelco Promoters">Soltelco Promoters</option>
<option value="Call Center">Call Center</option>
</select>
</div>
<div class="col-md-6">
</div>
</div>
<div class="ml-5">
<button class="happinessbtn" type="submit" value="Submit">
Submit
</button>
</div>
</form>
</center>
</body>
<script type="text/javascript">
window.onload = function() {
var N = navigator.appName,
ua = navigator.userAgent,
tem;
var M = ua.match(/(opera|chrome|safari|firefox|msie)\/?\s*(\.?\d+(\.\d+)*)/i);
if (M && (tem = ua.match(/version\/([\.\d]+)/i)) != null) M[2] = tem[1];
M = M ? [M[1], M[2]] : [N, navigator.appVersion, "-?"];
var browserName = M[0];
var form = document.getElementById("__vtigerWebForm"),
inputs = form.elements;
form.onsubmit = function() {
var required = [],
att, val;
for (var i = 0; i < inputs.length; i++) {
att = inputs[i].getAttribute("required");
val = inputs[i].value;
type = inputs[i].type;
if (type == "email") {
if (val != "") {
var elemLabel = inputs[i].getAttribute("label");
var emailFilter = /^[_/a-zA-Z0-9]+([!"#$%&()*+,./:;<=>?\^_`{|}~-]?[a-zA-Z0-9/_/-])*@[a-zA-Z0-9]+([\_\-\.]?[a-zA-Z0-9]+)*\.([\-\_]?[a-zA-Z0-9])+(\.?[a-zA-Z0-9]+)?$/;
var illegalChars = /[\(\)\<\>\,\;\:\"\[\]]/;
if (!emailFilter.test(val)) {
alert("For " + elemLabel + " field please enter valid email address");
return false;
} else if (val.match(illegalChars)) {
alert(elemLabel + " field contains illegal characters");
return false;
}
}
}
if (att != null) {
if (val.replace(/^\s+|\s+$/g, "") == "") {
required.push(inputs[i].getAttribute("label"));
}
}
}
if (required.length > 0) {
alert("The following fields are required: " + required.join());
return false;
}
var numberTypeInputs = document.querySelectorAll("input[type=number]");
for (var i = 0; i < numberTypeInputs.length; i++) {
val = numberTypeInputs[i].value;
var elemLabel = numberTypeInputs[i].getAttribute("label");
var elemDataType = numberTypeInputs[i].getAttribute("datatype");
if (val != "") {
if (elemDataType == "double") {
var numRegex = /^[+-]?\d+(\.\d+)?$/;
} else {
var numRegex = /^[+-]?\d+$/;
}
if (!numRegex.test(val)) {
alert("For " + elemLabel + " field please enter valid number");
return false;
}
}
}
var dateTypeInputs = document.querySelectorAll("input[type=date]");
for (var i = 0; i < dateTypeInputs.length; i++) {
dateVal = dateTypeInputs[i].value;
var elemLabel = dateTypeInputs[i].getAttribute("label");
if (dateVal != "") {
var dateRegex = /^[1-9][0-9]{3}-(0[1-9]|1[0-2]|[1-9]{1})-(0[1-9]|[1-2][0-9]|3[0-1]|[1-9]{1})$/;
if (!dateRegex.test(dateVal)) {
alert("For " + elemLabel + " field please enter valid date in required format");
return false;
}
}
}
var inputElems = document.getElementsByTagName("input");
var totalFileSize = 0;
for (var i = 0; i < inputElems.length; i++) {
if (inputElems[i].type.toLowerCase() === "file") {
var file = inputElems[i].files[0];
if (typeof file !== "undefined") {
var totalFileSize = totalFileSize + file.size;
}
}
}
if (totalFileSize > 52428800) {
alert("Maximum allowed file size including all files is 50MB.");
return false;
}
};
}
</script>