CINXE.COM
TicketForm - STWT
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>TicketForm - STWT</title> <link href="/Content/bootstrap.css" rel="stylesheet"/> <link href="/Content/site.css" rel="stylesheet"/> <link href="/Content/myCSS.css" rel="stylesheet"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="/Content/Motorola.css" rel="stylesheet"/> <script src="/Scripts/modernizr-2.6.2.js"></script> <link href="/Content/bootstrap-datetimepicker.css" rel="stylesheet" /> <style> .headbadge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 14px; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #ffffff; border-radius: 10px; } .logbadge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 14px; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #045c97; border-radius: 10px; } </style> </head> <body id="v2020" cz-shortcut-listen="true"> <div class="navbar navbar-light" style="background-color:#F9F9F9; padding:20px 0;"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="/" title="Service Trade - Web Ticketing" style="border:none;"><img src="/images/motorola_logo.png" style="width:182px;" /></a> </div> </div> </div> <div id="wrapper" class="container body-content" style="padding-bottom:60px;"> <style> .requiredlocal:after { content: " *"; font-weight: bold; font-size: 1.1em; color: red; } .address { background-color: aquamarine; } .spedErit { display: none; } </style> <div class="row"> <div class="col-md-6 col-md-offset-3"> <br /><br /><br /> <h4>Richiesta Assistenza Cliente</h4><br /> <h5>Inserire i dati richiesti e selezionare la modalit脿 di spedizione e riconsegna del suo prodotto.</h5><br /> <h5 style="font-weight: lighter; font-size: 16px; color:#707070;">I campi contrassegnati con * sono obbligatori</h5> </div> </div> <br /> <br /> <form action="/Home/TicketFormAll" enctype="multipart/form-data" method="post" onsubmit="return goCheckValues()"><input name="__RequestVerificationToken" type="hidden" value="1CS_KexRW_TrzXAJelR23Z29preje5RaBJvkMckoz3C7aK9fRSyIgWbUC8l_Y3W9vLocTXbk3Z1rjRZ4jX5D8-IpPxVJzwKq6kQMgwRLGAU1" /> <div class="form-horizontal"> <div class="col-md-12"> <div class="col-md-6 col-md-offset-3"> <div class="form-group"> <div class="col-md-12"> <div class="checkbox"> <input class="check-box shadowy" data-val="true" data-val-required="Il campo Garanzia 猫 obbligatorio." id="Garanzia" name="Garanzia" type="checkbox" value="true"> <label class="control-label col-md-12" for="Garanzia" style="text-decoration:underline;">Garanzia <span style="font-weight:normal;">(Selezionare se ancora in garanzia)</span></label> <input name="Garanzia" type="hidden" value="false"> <span class="field-validation-valid text-danger" data-valmsg-for="Garanzia" data-valmsg-replace="true"></span> </div> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal" for="Marchio">Marchio</label> <div class="col-md-12"> <select class="form-control" data-val="true" data-val-length="Il campo Marchio deve essere una stringa con una lunghezza massima di 20." data-val-length-max="20" data-val-required="Il campo Marchio 猫 obbligatorio." id="Marchio" name="Marchio" onchange="GetFam();"> <option value="">Select one</option> <option value="C1Y" data-ritiro="100" data-riconsegna="100">MOTOROLA</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal" for="Famiglia">Famiglia</label> <div class="col-md-12"> <select class="form-control" data-val="true" data-val-length="The field Famiglia must be a string with a maximum length of 20." data-val-length-max="20" data-val-required="The Famiglia field is required." id="Famiglia" name="Famiglia" onchange="GetProd();"><option value="">Select one</option> <option value=""></option> </select> <span class="field-validation-valid text-danger" data-valmsg-for="Famiglia" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4" for="CodProdotto">Modello</label> <div class="col-md-12"> <select class="form-control" data-val="true" data-val-length="The field Codice Prodotto must be a string with a maximum length of 20." data-val-length-max="20" id="CodProdotto" name="CodProdotto"><option value="">Select one</option> <option value="ZZ">Selezionare Famiglia</option> </select> <span class="field-validation-valid text-danger" data-valmsg-for="CodProdotto" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4" for="RagioneSociale">Società</label> <div class="col-md-12"> <input class="form-control text-box single-line" data-val="true" data-val-length="The field Societ脿 must be a string with a maximum length of 100." data-val-length-max="100" id="RagioneSociale" name="RagioneSociale" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="RagioneSociale" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal" for="Cognome">Cognome</label> <div class="col-md-12"> <input class="form-control text-box single-line" data-val="true" data-val-length="The field Cognome must be a string with a maximum length of 50." data-val-length-max="50" data-val-required="The Cognome field is required." id="Cognome" name="Cognome" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Cognome" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal" for="Nome">Nome</label> <div class="col-md-12"> <input class="form-control text-box single-line" data-val="true" data-val-length="The field Nome must be a string with a maximum length of 50." data-val-length-max="50" data-val-required="The Nome field is required." id="Nome" name="Nome" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Nome" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal" for="CodFisc">Codice Fiscale</label> <div class="col-md-12"> <input class="form-control text-box single-line" data-val="true" data-val-length="The field Codice Fiscale must be a string with a maximum length of 20." data-val-length-max="20" id="CodFisc" name="CodFisc" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="CodFisc" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal address" for="Stato">Stato</label> <div class="col-md-12"> <input class="form-control text-box single-line" data-val="true" data-val-length="The field Stato must be a string with a maximum length of 100." data-val-length-max="100" data-val-required="The Stato field is required." id="Stato" name="Stato" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Stato" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal address" for="Citta">Citta</label> <div class="col-md-12"> <input class="form-control text-box single-line" data-val="true" data-val-length="The field Citta must be a string with a maximum length of 100." data-val-length-max="100" data-val-required="The Citta field is required." id="Citta" name="Citta" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Citta" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal address" for="Provincia">Provincia</label> <div class="col-md-12"> <input class="form-control text-box single-line" data-val="true" data-val-length="The field Provincia must be a string with a maximum length of 50." data-val-length-max="50" data-val-required="The Provincia field is required." id="Provincia" name="Provincia" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Provincia" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal address" for="CAP">CAP</label> <div class="col-md-12"> <input class="form-control text-box single-line" data-val="true" data-val-length="The field CAP must be a string with a maximum length of 10." data-val-length-max="10" data-val-required="The CAP field is required." id="CAP" name="CAP" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="CAP" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal address" for="Indirizzo">Indirizzo</label> <div class="col-md-12"> <input class="form-control text-box single-line" data-val="true" data-val-length="The field Indirizzo must be a string with a maximum length of 150." data-val-length-max="150" data-val-required="The Indirizzo field is required." id="Indirizzo" name="Indirizzo" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Indirizzo" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal address" for="NumCiv">Numero Civico</label> <div class="col-md-12"> <input class="form-control text-box single-line" data-val="true" data-val-length="The field Numero Civico must be a string with a maximum length of 10." data-val-length-max="10" data-val-required="The Numero Civico field is required." id="NumCiv" name="NumCiv" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="NumCiv" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4" for="Telefono">Telefono</label> <div class="col-md-12"> <input class="form-control text-box single-line" data-val="true" data-val-length="The field Telefono must be a string with a maximum length of 20." data-val-length-max="20" id="Telefono" name="Telefono" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Telefono" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal" for="Cellulare">Cellulare</label> <div class="col-md-12"> <input class="form-control text-box single-line" data-val="true" data-val-length="The field Cellulare must be a string with a maximum length of 20." data-val-length-max="20" data-val-required="The Cellulare field is required." id="Cellulare" name="Cellulare" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Cellulare" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal" for="Email">Email</label> <div class="col-md-12"> <input class="form-control text-box single-line" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-length="The field Email must be a string with a maximum length of 50." data-val-length-max="50" data-val-required="The Email field is required." id="Email" name="Email" type="email" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Email" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4" for="Seriale">Numero Seriale</label> <div class="col-md-12"> <input class="form-control text-box single-line" data-val="true" data-val-length="The field Numero Seriale must be a string with a maximum length of 20." data-val-length-max="20" id="Seriale" name="Seriale" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Seriale" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal" for="DataAcquisto">Data Acquisto</label> <div class="col-md-12"> <input class="form-control emptydatepicker text-box single-line" data-val="true" data-val-date="The field Data Acquisto must be a date." data-val-required="The Data Acquisto field is required." id="DataAcquisto" name="DataAcquisto" type="datetime" value="01/01/0001 00:00:00" /> <span class="field-validation-valid text-danger" data-valmsg-for="DataAcquisto" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-4 requiredlocal" for="Difetto">Difetto</label> <div class="col-md-12"> <select class="form-control" data-val="true" data-val-length="The field Difetto must be a string with a maximum length of 20." data-val-length-max="20" data-val-required="The Difetto field is required." id="Difetto" name="Difetto"><option value="">Select one</option> <option value="1">Non si accende</option> <option value="10">Non funziona auricolare</option> <option value="11">Non funziona presa esterna</option> <option value="12">Non si carica la batteria</option> <option value="13">Non funziona il fingerprint</option> <option value="14">Non funziona il sensore di movimento</option> <option value="15">I flip non funziona</option> <option value="16">Non si illumina</option> <option value="17">Non funziona NFC</option> <option value="18">La batteria dura poco</option> <option value="19">Non si avvia</option> <option value="2">Non si spegne</option> <option value="20">Non funziona la fotocamera anteriore</option> <option value="21">Non funziona la fotocamera posteriore</option> <option value="22">Non funzionano tasti laterali</option> <option value="23">Basso segnale di ricezione</option> <option value="24">Audio a intermittenza</option> <option value="25">Non si inserisce correttamente la SIM</option> <option value="26">SD card difettosa</option> <option value="27">Non funziona il bluetooth</option> <option value="3">Si spegne da solo</option> <option value="4">Si blocca</option> <option value="5">Il display non funziona</option> <option value="6">Il display interno non funziona</option> <option value="7">Non riceve</option> <option value="8">Non trasmette</option> <option value="9">Non funziona il microfono</option> </select> <span class="field-validation-valid text-danger" data-valmsg-for="Difetto" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <div class="col-md-4"></div> <div class="col-md-12"> Indicare come riprodurre il problema segnalato. </div> <label class="control-label col-md-4" for="Descrizione">Descrizione Aggiuntiva</label> <div class="col-md-12"> <textarea class="form-control" cols="20" data-val="true" data-val-length="The field Descrizione Aggiuntiva must be a string with a maximum length of 250." data-val-length-max="250" id="Descrizione" name="Descrizione" rows="5"> </textarea> <span class="field-validation-valid text-danger" data-valmsg-for="Descrizione" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <div class="col-md-6"> <a href="https://stwebmanager.stitaly.it/GDPR.pdf" class="alert-link" target="_blank">Informativa sulla Privacy</a> </div> <div class="col-md-6"> <div class="checkbox" style="padding-top:0;"> <input class="check-box shadowy" data-val="true" data-val-required="Il campo Informativa Privacy 猫 obbligatorio." id="LettoPrivacy" name="LettoPrivacy" type="checkbox" value="true"> <label for="LettoPrivacy" style="margin:0;">Accetto</label> <span class="field-validation-valid text-danger" data-valmsg-for="LettoPrivacy" data-valmsg-replace="true"></span> </div> </div> </div> <div class="form-group"> <div class="col-md-4"><label id="sxCarica1"></label></div> <div class="col-md-6"><input type="hidden" id="titolo1" class="form-control" value="Prova d'acquisto" disabled="disabled" /></div> <label class="control-label col-md-12" for="Allegato">Allegato</label> <div class="col-md-6" style="margin-bottom:20px;"> <div class="file-wrapper" style="cursor:pointer;"> <input type="file" id="file_input1" class="form-control" card="1"> <span class="underUpload green"> SCEGLI FILE </span> </div> </div> <div class="col-md-6" style="margin-bottom:20px;"> <a href="javascript: uploadAllegato();" title="Upload file" class="btn btn-danger" id="btnUpl"> <span>CARICA</span> </a> </div> <br /><br /> <div class="col-md-4"><label id="sxCarica"></label></div> <div class="col-md-8"><label id="dxCarica"></label></div> </div> <div class="form-group hidden"> <label class="control-label col-md-4" for="Allegato">Allegato</label> <div class="col-md-8"> <input class="form-control text-box single-line" data-val="true" data-val-length="The field Allegato must be a string with a maximum length of 250." data-val-length-max="250" id="Allegato" name="Allegato" readonly="readonly" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Allegato" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-8" for="Captcha">Codice di Sicurezza (indicare il risultato della somma)</label> <div class="col-md-12"> <img alt="Captcha" src="/Home/CaptchaImage" style="" /> <input class="form-control text-box single-line" data-val="true" data-val-length="The field Codice di Sicurezza (indicare il risultato della somma) must be a string with a maximum length of 20." data-val-length-max="20" data-val-required="The Codice di Sicurezza (indicare il risultato della somma) field is required." id="Captcha" name="Captcha" type="text" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="Captcha" data-valmsg-replace="true"></span> </div> </div> <div class="form-group"> <div class="col-md-offset-4 col-md-8"> <input type="submit" value="Invia Richiesta" class="btn btn-default" /> </div> </div> </div> <div class="col-md-6 col-md-offset-3"> <div class="form-group spedErit"> <h2>Seleziona la modalit脿 di spedizione</h2> <h4 style="font-size:18px;font-weight:lighter;text-align:left;">Spedizione verso Service Trade</h4><br> <div class="form-check spedErit0"> <input class="form-check-input check-box shadowy" type="radio" name="SceltaSpedizione" id="SceltaSpedizioneRadio0" value="option0"> <label class="form-check-label" for="SceltaSpedizioneRadio0"> Consegna a CAT - <a href="../CentriAssistenzaMotorola.pdf" target="_blank">Elenco Centri Assistenza</a> </label> </div> <div class="form-check spedErit1"> <input class="form-check-input check-box shadowy" type="radio" name="SceltaSpedizione" id="SceltaSpedizioneRadio1" value="option1"> <label class="form-check-label" for="SceltaSpedizioneRadio1"> Richiesta ritiro presso l'indirizzo specificato in <span class="address">precedenza</span> </label> </div> <div class="form-check spedErit2"> <input class="form-check-input check-box shadowy" type="radio" name="SceltaSpedizione" id="SceltaSpedizioneRadio2" value="option2"> <label class="form-check-label" for="SceltaSpedizioneRadio2"> Consegna ad UFFICIO POSTALE </label> </div> <div class="form-group" id="divDataRitiro"> <label class="control-label col-md-12 requiredlocal" for="DataRitiro">Data Ritiro</label> <div class="col-md-12"> <input class="form-control emptydatepickerritiro text-box single-line" data-val="true" data-val-date="The field Data Ritiro must be a date." id="DataRitiro" name="DataRitiro" type="datetime" value="" /> <span class="field-validation-valid text-danger" data-valmsg-for="DataRitiro" data-valmsg-replace="true"></span> </div> </div> </div> <div class="form-group spedErit"> <h2>Seleziona la modalit脿 di riconsegna</h2> <div class="form-check spedErit3"> <input class="form-check-input check-box shadowy" type="radio" name="SceltaRiconsegna" id="SceltaRiconsegnaRadio5" value="option5"> <label class="form-check-label" for="SceltaRiconsegnaRadio5"> Presso CAT - <a href="../CentriAssistenzaMotorola.pdf" target="_blank">Elenco Centri Assistenza</a> </label> </div> <div class="form-check spedErit4"> <input class="form-check-input check-box shadowy" type="radio" name="SceltaRiconsegna" id="SceltaRiconsegnaRadio3" value="option3"> <label class="form-check-label" for="SceltaRiconsegnaRadio3"> Presso l'indirizzo di <span class="address">residenza</span> </label> </div> <div class="form-check spedErit5"> <input class="form-check-input check-box shadowy" type="radio" name="SceltaRiconsegna" id="SceltaRiconsegnaRadio4" value="option4"> <label class="form-check-label" for="SceltaRiconsegnaRadio4"> Presso UFFICIO POSTALE </label> </div> <br/> <div class="form-group" id="divUfficioPostale"> <div class="form-group"> <label class="control-label col-md-12 requiredlocal" for="selProvincia">Provincia</label> <div class="col-md-12"> <select id="selProvincia" class="form-control"></select> </div> <label class="control-label col-md-12 requiredlocal" for="selLocalita">Localit脿</label> <div class="col-md-12"> <select id="selLocalita" class="form-control"></select> </div> <label class="control-label col-md-12 requiredlocal" for="UfficioPostale">Ufficio Postale</label> <div class="col-md-12"> <input data-val="true" data-val-length="The field Ufficio Postale must be a string with a maximum length of 20." data-val-length-max="20" htmlAttributes="{ class = form-control, disabled = disabled }" id="UfficioPostale" name="UfficioPostale" type="hidden" value="" /> <table id="tblUP" class="table table-striped"> <thead> <tr> <th></th> <th>Localit脿</th> <th>Ufficio</th> <th>Indirizzo</th> <th>Codice</th> </tr> </thead> <tbody id="tblUPBody"> </tbody> </table> </div> </div> </div> </div> </div> </div> </div> </form> <script> function GetFam() { var url = '/Home/GetFamiliesAll'; // Don't hard code your url's! var srch = { marchioId: $("#Marchio").val() }; //gestione ritiri e riconsegne let ritiri = $('#Marchio').find(':selected').data('ritiro').toString(); let riconsegne = $('#Marchio').find(':selected').data('riconsegna').toString(); ResetRadio(); ResetCombo(); $("#DataRitiro").val(""); var pattern = /[0-1]{2}/; if (!pattern.test(ritiri)) { ritiri = '000'; } if (!pattern.test(riconsegne)) { riconsegne = '000'; } if (ritiri === '000' && riconsegne === '000') { $(".spedErit").hide(); } else { $(".spedErit").show(); } GestRitiri(ritiri); GestRiconsegne(riconsegne); $.ajax({ type: "POST", url: url, data: JSON.stringify(srch), contentType: "application/json", datatype: "html", success: function (data) { //families.empty(); //$.each(data, function (i, item) { // families.append($('</option>').text(item.Text).val(item.Value)); //}); var items = '<option value=""><i>**Seleziona Famiglia**</i></option>'; $.each(data, function (i, item) { items += "<option value='" + item.Value + "'>" + item.Text + "</option>"; }); $('#Famiglia').html(items); }, error: function (xhr, status, error) { alert(error); } }); } function GetProd() { var url = '/Home/GetProductsAll'; // Don't hard code your url's! var srch = { marchioId: $("#Marchio").val(), famigliaId: $("#Famiglia").val() }; $.ajax({ type: "POST", url: url, data: JSON.stringify(srch), contentType: "application/json", datatype: "html", success: function (data) { //families.empty(); //$.each(data, function (i, item) { // families.append($('</option>').text(item.Text).val(item.Value)); //}); var items = '<option value=""><i>**Seleziona Articolo**</i></option>'; $.each(data, function (i, item) { items += "<option value='" + item.Value + "'>" + item.Text + "</option>"; }); $('#CodProdotto').html(items); }, error: function (xhr, status, error) { alert(error); } }); } function uploadAllegato() { if (window.FormData !== undefined) { var fileData = new FormData(); var fileUpload1 = $("#file_input1").get(0); var files1 = fileUpload1.files; // Looping over all files and add it to FormData object for (var i = 0; i < files1.length; i++) { fileData.append($("#titolo1").val() + '搂' + files1[i].name, files1[i]); // Adding one more key to FormData object fileData.append('username', 'Manas'); $.ajax({ url: '/Home/UploadFiles', type: "POST", contentType: false, // Not to set any content header processData: false, // Not to process data data: fileData, success: function (result) { //alert(result); $("#Allegato").val(result.Msg); $('#btnUpl').removeClass("btn-danger").addClass('btn-success'); $('#dxCarica').text("File caricato"); }, error: function (err) { alert(err.statusText); } }); } } else { alert("FormData is not supported."); } } function GetUfficiPostali(provincia, localita) { var url = '/Home/GetUfficiPostali'; // Don't hard code your url's! var srch = { Provincia: provincia, Localita: localita }; $.ajax({ type: "POST", url: url, data: JSON.stringify(srch), contentType: "application/json", datatype: "html", success: function (data) { //families.empty(); //$.each(data, function (i, item) { // families.append($('</option>').text(item.Text).val(item.Value)); //}); if (localita != '') { $("#tblUPBody").html(""); $.each(data, function (i, item) { let tr = $("<tr/>"); tr.append('<td><input class="form-check-input UPcb" type="radio" name="UPcb" data-codice="' + item.Valore + '" /></td>'); tr.append("<td>" + localita + "</td>"); tr.append("<td>" + item.Testo + "</td>"); tr.append("<td>" + item.Util + "</td>"); tr.append("<td>" + item.Valore + "</td>"); $("#tblUPBody").append(tr); }); $(".UPcb").unbind().bind("change", function () { //debugger $("#UfficioPostale").val($(this).data("codice")); }); } else if (provincia != '') { let items = '<option value=""><i>**Seleziona Localit脿**</i></option>'; $.each(data, function (i, item) { items += "<option value='" + item.Valore + "'>" + item.Testo + "</option>"; }); $('#selLocalita').html(items); } else { let items = '<option value=""><i>**Seleziona Provincia**</i></option>'; $.each(data, function (i, item) { items += "<option value='" + item.Valore + "'>" + item.Testo + "</option>"; }); $('#selProvincia').html(items); } }, error: function (xhr, status, error) { alert(error); } }); } function GestRitiri(bytes) { $("#divDataRitiro").hide(); var sng = bytes.split(''); for (let i = 0; i < 3; i++) { console.log(sng[i]); if (sng[i] === '1') { $(".spedErit" + (i+3)).show(); } else { $(".spedErit" + (i + 3)).hide(); } } } function GestRiconsegne(bytes) { $("#divUfficioPostale").hide(); var sng = bytes.split(''); for (let i = 0; i < 3; i++) { console.log(sng[i]); if (sng[i] === '1') { $(".spedErit" + i).show(); } else { $(".spedErit" + i).hide(); } } } function ResetCombo() { //debugger $("#tblUPBody").html(""); $("#UfficioPostale").val(""); $('#selProvincia').val(""); $('#selLocalita').html(""); } function ResetRadio() { $("#SceltaSpedizioneRadio0").prop("checked", false); $("#SceltaSpedizioneRadio1").prop("checked", false); $("#SceltaSpedizioneRadio2").prop("checked", false); $("#SceltaRiconsegnaRadio3").prop("checked", false); $("#SceltaRiconsegnaRadio4").prop("checked", false); $("#SceltaRiconsegnaRadio5").prop("checked", false); $("#SceltaRiconsegnaRadio3").prop("disabled", false); $("#SceltaRiconsegnaRadio4").prop("disabled", false); } </script> <script> function isDate(txtDate) { var currVal = txtDate; if (currVal == '') return false; var rxDatePattern = /^(\d{1,2})(\/|-)(\d{1,2})(\/|-)(\d{4})$/; var dtArray = currVal.match(rxDatePattern); if (dtArray == null) return false; dtDay = dtArray[1]; dtMonth = dtArray[3]; dtYear = dtArray[5]; if (dtMonth < 1 || dtMonth > 12) return false; else if (dtDay < 1 || dtDay > 31) return false; else if ((dtMonth == 4 || dtMonth == 6 || dtMonth == 9 || dtMonth == 11) && dtDay == 31) return false; else if (dtMonth == 2) { var isleap = (dtYear % 4 == 0 && (dtYear % 100 != 0 || dtYear % 400 == 0)); if (dtDay > 29 || (dtDay == 29 && !isleap)) return false; } return true; } </script> </div> <hr /> <footer style="background-color: white;"> <p>© 2024 - STWT</p> </footer> <script src="/Scripts/jquery-1.10.2.js"></script> <script src="/Scripts/jquery-ui.min.js"></script> <script src="/Scripts/bootstrap.js"></script> <script src="/Scripts/respond.js"></script> <script> $(function () { $("#SceltaSpedizioneRadio1").on("click", function () { $("#divDataRitiro").show(); $("#SceltaRiconsegnaRadio3").prop("disabled", false); $("#SceltaRiconsegnaRadio4").prop("disabled", false); $("#SceltaRiconsegnaRadio5").prop("disabled", true); $("#SceltaRiconsegnaRadio5").prop("checked", false); }); $("#SceltaSpedizioneRadio2").on("click", function () { $("#DataRitiro").val(""); $("#divDataRitiro").hide(); $("#SceltaRiconsegnaRadio3").prop("disabled", false); $("#SceltaRiconsegnaRadio4").prop("disabled", false); $("#SceltaRiconsegnaRadio5").prop("disabled", true); $("#SceltaRiconsegnaRadio5").prop("checked", false); }); $("#SceltaSpedizioneRadio0").on("click", function () { $("#DataRitiro").val(""); $("#divDataRitiro").hide(); //seleziono CAT anche per la riconsegna $("#SceltaRiconsegnaRadio5").prop("checked", true); $("#SceltaRiconsegnaRadio5").prop("disabled", false); //Nascondo la ricerca ufficio postale e la data ritiro $("#DataRitiro").val(""); $("#UfficioPostale").val(""); $("#divDataRitiro").hide(); $("#divUfficioPostale").hide(); ResetCombo(); //Disabilito la scelta di un radio diverso da CAT $("#SceltaRiconsegnaRadio3").prop("disabled", true); $("#SceltaRiconsegnaRadio4").prop("disabled", true); }); $("#SceltaRiconsegnaRadio4").on("click", function () { $("#divUfficioPostale").show(); }); $("#SceltaRiconsegnaRadio3").on("click", function () { $("#DataRitiro").val(""); $("#divUfficioPostale").hide(); ResetCombo(); }); $("#SceltaRiconsegnaRadio5").on("click", function () { $("#DataRitiro").val(""); $("#divUfficioPostale").hide(); ResetCombo(); }); GetUfficiPostali('', ''); $("#selProvincia").change(function () { let prov = $("#selProvincia").val(); GetUfficiPostali(prov, ''); }); $("#selLocalita").change(function () { let loc = $("#selLocalita").val(); GetUfficiPostali('', loc); }); $(".spedErit").hide(); }); function goCheckValues() { var cdfs = $("#CodFisc").val(); //Verifica preliminare del Codice Fiscale if (cdfs.length !== 11 && cdfs.length !== 16) { alert("Codice Fiscale mancante o non corretto!"); return false; } var elementi = ["Cognome", "Nome", "Stato", "Citta", "Provincia", "CAP", "Indirizzo", "NumCiv", "Cellulare", "Email", "Marchio", "Famiglia", "DataAcquisto", "Difetto"]; var alertString = ''; $.each(elementi, function (index, value) { if ($("#" + value).val() == '') { alertString = alertString === '' ? value : alertString + ', ' + value; } }); if (alertString !== '') { alertString = 'Compilare o selezionare i campi \n' + alertString; alert(alertString); return false; } if ($("#LettoPrivacy").prop("checked") !== true) { alert("Leggere e confermare l'informativa Privacy!"); return false; } //Verifica scelta Spedizione if ($("#SceltaSpedizioneRadio0").prop("checked") == false && $("#SceltaSpedizioneRadio1").prop("checked") == false && $("#SceltaSpedizioneRadio2").prop("checked") == false) { alert("Selezionare la modalit脿 di spedizione!"); return false; } //Verifica scelta ritiro if ($("#SceltaRiconsegnaRadio3").prop("checked") == false && $("#SceltaRiconsegnaRadio4").prop("checked") == false && $("#SceltaRiconsegnaRadio5").prop("checked") == false) { alert("Selezionare la modalit脿 di riconsegna!"); return false; } //Ritiro presso domicilio: data obbligatoria if ($("#SceltaSpedizioneRadio1").prop("checked") == true) { var dataritiro = $("#DataRitiro").val(); if (!isDate(dataritiro)) { alert("Inserire la data di ritiro!"); return false; } } //altrimenti la data deve essere null else { $("#DataRitiro").val(''); } //Riconsegna presso UP: codice ufficio obbligatorio if ($("#SceltaRiconsegnaRadio4").prop("checked") == true) { var ufficiopostale = $("#UfficioPostale").val(); if (ufficiopostale == '') { alert("Selezionare l'ufficio postale di riconsegna!"); return false; } } else if ($("#SceltaRiconsegnaRadio5").prop("checked") == true) { $("#UfficioPostale").val('000CAT'); } //altrimenti il codice deve essere '00CASA' else { $("#UfficioPostale").val('00CASA'); } return true; } </script> <script src="/Scripts/moment-with-locales.js"></script> <script src="/Scripts/bootstrap-datetimepicker.js"></script> <script> //Gestione evento click di tutti i tab: per lesecuzione vedere le funzioni locali onTabClick $(document).ready(function () { $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { var currentTab = $(e.target).text(); // get current tab var lastTab = $(e.relatedTarget).text(); // get last tab onTabClick(currentTab, lastTab); //$(".current-tab span").html(currentTab); //$(".last-tab span").html(currentTab); }); $('.datepicker').datetimepicker({ locale: 'it', format: 'DD/MM/YYYY' }); //Initialise any date pickers; format: 'YYYY/MM/DD' $('.emptydatepicker').datetimepicker({ locale: 'it', format: 'DD/MM/YYYY', viewMode: 'years', maxDate: moment(), minDate: "01/01/2000" }).val(''); //Initialise any date pickers; format: 'YYYY/MM/DD' $('.emptydatepickerritiro').datetimepicker({ locale: 'it', format: 'DD/MM/YYYY', viewMode: 'years', //maxDate: moment(), minDate: moment() }).val(''); //Initialise any date pickers; format: 'YYYY/MM/DD' $('.datepickerritiro').datetimepicker({ locale: 'it', format: 'DD/MM/YYYY', minDate: moment() }); //Initialise any date pickers; format: 'YYYY/MM/DD' }); </script> </body> </html>