Controllo Javascript + Ajax

**elbaforum** · 07-10-2008, 19:27

ciao fcaldera,
le sto provando tutte ma non vuole proprio partire,

posto le ultime modifiche, dove ho richiamato l'invio al termine dei controlli dei campi appare l'immagine di caricamento pagina che scompare ma non c'è la risposta.

Codice PHP:


<html>



<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Nuova pagina 1</title>

<meta name="GENERATOR" content="Microsoft FrontPage 6.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<script type="text/javascript">



function checkRequiredFields(input)

{

    var requiredFields = new Array("sname", "cognome", "email");

    var fieldNames = new Array("Nome", "Cognome", "Email");

    var fieldCheck   = true;

    var fieldsNeeded = "Attenzione riempire tutti i campi necessari:\n\n\t";

    for(var fieldNum=0; fieldNum < requiredFields.length; fieldNum++) {

        if ((input.elements[requiredFields[fieldNum]].value == "") ||

            (input.elements[requiredFields[fieldNum]].value == " ")) {

            fieldsNeeded += fieldNames[fieldNum] + "\n\t";

            fieldCheck = false;

        }

    }

    if (fieldCheck == true)

    {

    if(!document.MyForm.consenso.checked)

    {

    alert('Per inoltrare la richiesta è necessario dare il consenso per il trattamento dei dati')

    return false;

    }

    else

    {

    document.MyForm.submit.disabled=true;

    document.MyForm.submit.value=' Attendere prego... Elaborazione in corso';

    xmlhttpPost('contattainajax.asp?func=2&amp;funcb=send', 'MyForm', 'MyResult', '<img src=\'pleasewait.gif\'>');

    return false;

    }

    }

    else

    {

    alert(fieldsNeeded);

    return false;

    }

}

function xmlhttpPost(strURL,formname,responsediv,responsemsg) 

{

    var xmlHttpReq = false;

    var self = this;

    if (window.XMLHttpRequest) {

        self.xmlHttpReq = new XMLHttpRequest();

    }

    else if (window.ActiveXObject) {

        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");

    }

    self.xmlHttpReq.open('POST', strURL, true);

    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

    self.xmlHttpReq.onreadystatechange = function() {

        if (self.xmlHttpReq.readyState == 4) {

            updatepage(self.xmlHttpReq.responseText,responsediv);

        }

        else{

            updatepage(responsemsg,responsediv);

        }

    }

    self.xmlHttpReq.send(getquerystring(formname));

}

function getquerystring(formname) {

    var form = document.forms[formname];

    var qstr = "";

    function GetElemValue(name, value) {

        qstr += (qstr.length > 0 ? "&" : "")

            + escape(name).replace(/\+/g, "%2B") + "="

            + escape(value ? value : "").replace(/\+/g, "%2B");

    }

    var elemArray = form.elements;

    for (var i = 0; i < elemArray.length; i++) {

        var element = elemArray[i];

        var elemType = element.type.toUpperCase();

        var elemName = element.name;

        if (elemName) {

            if (elemType == "TEXT"

                    || elemType == "TEXTAREA"

                    || elemType == "PASSWORD"

                    || elemType == "BUTTON"

                    || elemType == "RESET"

                    || elemType == "SUBMIT"

                    || elemType == "FILE"

                    || elemType == "IMAGE"

                    || elemType == "HIDDEN")

                GetElemValue(elemName, element.value);

            else if (elemType == "CHECKBOX" && element.checked)

                GetElemValue(elemName, 

                    element.value ? element.value : "On");

            else if (elemType == "RADIO" && element.checked)

                GetElemValue(elemName, element.value);

            else if (elemType.indexOf("SELECT") != -1)

                for (var j = 0; j < element.options.length; j++) {

                    var option = element.options[j];

                    if (option.selected)

                        GetElemValue(elemName,

                            option.value ? option.value : option.text);

                }

        }

    }

    return qstr;

}

function updatepage(str,responsediv){

    document.getElementById(responsediv).innerHTML = str;

}

</script>

</head>



<body>

<form name="MyForm" action="response_normal.asp" method="post" onsubmit="return checkRequiredFields(this)">

<table border="0" style="border-collapse: collapse; font-size:8pt; font-family:Tahoma; color:#0066CC" width="100%" id="table1">

<tr><td width="33%" colspan="3">



Richiesta per:


<select size="1" name="richiesta">

<option value="Preventivo soggiorno">Preventivo soggiorno</option>

<option value="Conoscere disponibilita">Conoscere disponibilita</option>

<option value="Prenotare">Prenotare</option>

</select></p></td><td width="66%" colspan="2">

[b]<font size="1">Attenzione i campi in <font color="#FF0000">ROSSO</font> sono obbligatori</font>[/b]</td>

    </tr>

<tr><td width="33%" colspan="3"><font color="#FF0000">[b]Nome:[/b]</font>


<input type="text" size="32" name="sname" value=""></td><td width="33%"><font color="#FF0000">[b]Cognome:


    [/b]</font><input type="text" size="32" name="cognome"></td>

    <td width="33%">[b]<font color="#FF0000">Email:</font>[/b]


    <input type="text" size="32" name="email" value=""></td></tr>

<tr><td width="11%">[b]<font color="#FF0000">Adulti:


    </font>[/b]<select size="1" name="adulti">

<option selected></option>

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

<option>5</option>

<option>6</option>

<option>7</option>

<option>8</option>

<option>9</option>

<option>10</option>

</select></td>

    <td width="12%">Bamb.:(4-11)


    <select size="1" name="bambini">

<option selected></option>

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

<option>5</option>

</select> </td>

    <td width="10%">(0-3)


    <select size="1" name="neonati">

<option selected></option>

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

<option>5</option>

</select></td>

    <td width="33%"><font color="#FF0000">[b]Data di Arrivo[/b]</font>


<select name="agg">

<option selected></option>

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

<option value="6">6</option>

<option value="7">7</option>

<option value="8">8</option>

<option value="9">9</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

<option value="13">13</option>

<option value="14">14</option>

<option value="15">15</option>

<option value="16">16</option>

<option value="17">17</option>

<option value="18">18</option>

<option value="19">19</option>

<option value="20">20</option>

<option value="21">21</option>

<option value="22">22</option>

<option value="23">23</option>

<option value="24">24</option>

<option value="25">25</option>

<option value="26">26</option>

<option value="27">27</option>

<option value="28">28</option>

<option value="29">29</option>

<option value="30">30</option>

<option value="31">31</option>

</select> <select name="amm">

<option selected></option>

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

<option value="6">6</option>

<option value="7">7</option>

<option value="8">8</option>

<option value="9">9</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

</select> <select size="1" name="aaa">

<option value="2008" selected>2008</option>

<option value="2009">2009</option></select></td>

<td width="33%">[b]<font color="#FF0000">Data Partenza</font>[/b]


<select name="pgg">

<option selected></option><option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

<option value="6">6</option>

<option value="7">7</option>

<option value="8">8</option>

<option value="9">9</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

<option value="13">13</option>

<option value="14">14</option>

<option value="15">15</option>

<option value="16">16</option>

<option value="17">17</option>

<option value="18">18</option>

<option value="19">19</option>

<option value="20">20</option>

<option value="21">21</option>

<option value="22">22</option>

<option value="23">23</option>

<option value="24">24</option>

<option value="25">25</option>

<option value="26">26</option>

<option value="27">27</option>

<option value="28">28</option>

<option value="29">29</option>

<option value="30">30</option>

<option value="31">31</option>

</select>

<select name="pmm">

<option selected></option>

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

<option value="6">6</option>

<option value="7">7</option>

<option value="8">8</option>

<option value="9">9</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option></select>

<select size="1" name="paa">

<option value="2008" selected>2008</option>

<option value="2009">2009</option></select></td></tr>

<tr><td width="33%" colspan="3">Messaggio o richieste particolari:


<input type="text" name="msg" size="32"></td><td width="66%" colspan="2"><font color="#FF0000">[b]Privacy:[/b]</font>


<INPUT TYPE="checkbox" name="consenso" VALUE="ON" checked>Autorizzo a trattare i dati inviati per le sole finalità sopra espresse.</td></tr>

<tr><td align="center" width="33%" colspan="5"><input type="submit" value="Invia la richiesta di disponibilità preventivo e o informazioni" name="submit"></td></tr></table><div id="MyResult"></div></form>

<div id="MyResult"></div>

</body>



</html>

Discussione: Controllo Javascript + Ajax

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzazione discussione

Permessi di invio