Site creation
  • Share:

    Помогите разобраться с скриптом ajax

    Я тут столкнулась с проблемой что не знаю ajax. Учить долго тем более что мне нужно только скрипт регистрации доделать, мне один хороший человек написал скрипт проверки всех полей, но я не могу понять где из них какое и за что отвечает ибо не могу понять работу скрипта. Друг же скинул и уехал в отпуск с женой так что у меня нет никаких связей с ним на даный момент. Прошу, помогите мне доделать страничку регистрации, мне нужны только поля с правильными ID, ато я не знаю где какое ID должно стоять :-( .
    Вот код AJAX скрипта:
    <script>
    $(document).ready(function(){
    $(".areasOfExp:last").parent().after("<li class='prSetupP1AddMore'><a id='add_areas'>Add more</a></li>");
    $("#qualif").hide();
    $("#Country").change(function(){
    ///alert($("#Country option:selected").val());
    if ($("#Country option:selected").text()=="Choose Country"){
    $("#State").attr("disabled", true);
    }
    else{
    if($("#Country option:selected").val()=="1"){
    $("#qualif").show();
    }else {$("#qualif").hide();}

    if($("#Country option:selected").val() =="4" || $("#Country option:selected").val()=="1"){
    $.ajax({
    type: "POST",
    url: "/registration/step1",
    data: "IdCountry="+$("#Country option:selected").val(),
    success: function(msg){
    //alert(msg);
    data = eval('('+msg+')');
    $("#State").html("");
    $.each(data, function(key, val){$("#State").append("<option value="+key+">"+val+"</option>");});
    $("#State").attr("disabled", false);
    }
    });
    }
    else{
    $("#State").attr("disabled", true);

    }
    }

    });

    /*$("#step1").validate({
    rules : {
    firstName : {required : true},
    lastName : {required : true},
    Email:{
    required:true,
    Email: true
    },
    pass:{
    required: true,
    minlength : 4
    },
    cpass:{
    equalTo: ":input[name=pass]"
    },
    user_type:{required: true}
    },
    messages : {
    firstName : {
    required : "Enter your First Name"
    },
    lastName : {
    required : "Enter your Last Name"
    },
    Email:{
    required : "Enter you email",
    email : "Uncorrectly email"
    },
    pass:{
    required: "Enter your password",
    minlength: "Your password should be more than four characters"
    },
    cpass:{
    equalTo: "Confirm Password does not match"
    },
    user_type:{required: "Enter your user type"}
    },
    errorPlacement: function(error, element) {
    var er = element.attr("name");
    //alert(error);
    element.parent().append("<br><em>");
    error.appendTo($("input[@name='" + er + "']").parent().find("em") );
    //return false;
    }
    });*/

    $("#step1").submit(function(){
    i=true;
    //alert($("input[name=firstName]").val());
    $(".error").remove();

    if (!(/^[A-Z]+$/i.test($("input[name=firstName]").val())) && $("input[name=firstName]").val()!=""){
    $("label[for=firstName]").parent().append("<em id='er' class='error'><br> Uncorrectly data</em>");
    $("input[name=firstName]").focus();
    i=false;
    $("*").focus(function(){return false});
    }

    if ($("input[name=firstName]").val()==""){
    $("label[for=firstName]").parent().append("<em id='er' class='error'><br> Enter the First Name</em>");
    $("input[name=firstName]").focus();
    i=false;
    $("*").focus(function(){return false});
    }

    if ($("input[name=lastName]").val()==""){
    $("label[for=lastName]").parent().append("<em id='er' class='error'><br> Enter the Last Name</em>");
    $("input[name=lastName]").focus();
    i=false;
    $("*").focus(function(){return false});
    }

    if (!(/^[A-Z]+$/i.test($("input[name=lastName]").val())) && $("input[name=lastName]").val()!=""){
    $("label[for=lastName]").parent().append("<em id='er' class='error'><br> Uncorrectly data</em>");
    $("input[name=lastName]").focus();
    i=false;
    $("*").focus(function(){return false});
    }

    //alert($("#Country option:selected").text());

    if ($("#Country option:selected").text()=="Choose Country"){
    $("label[for=Country]").parent().append("<em id='er' class='error'><br> You must choose the country</em>");
    $("input[name=Country]").focus();
    i=false;
    $("*").focus(function(){return false});
    }
    if ($("input[name=City]").val()==""){
    $("label[for=City]").parent().append("<em id='er' class='error'><br> Enter the City</em>");
    $("input[name=City]").focus();
    i=false;
    $("*").focus(function(){return false});
    }

    if ($("input[name=Email]").val()==""){
    $("label[for=Email]").parent().append("<em id='er' class='error'><br> Enter the email</em>");
    $("input[name=Email]").focus();
    i=false;
    $("*").focus(function(){return false});
    }

    //alert($("input[name=Email]").val());

    if (!(/[0-9a-z_]+@[0-9a-z_^.]+\.[a-z]{2,3}/i.test($("input[name=Email]").val())) && $("input[name=Email]").val()!=""){
    $("label[for=Email]").parent().append("<em id='er' class='error'><br> Uncorrect email</em>");
    $("input[name=Email]").focus();
    i=false;
    $("*").focus(function(){return false});
    }


    if ($("input[name=pass]").val()=="" || $("input[name=pass]").val().length<6 || !(/[A-Z]/.test($("input[name=pass]").val())) || !(/[0-9]/.test($("input[name=pass]").val()))){
    $("label[for=pass]").parent().append("<em id='er' class='error'><br>You pass length need to be minimum of 6 characters and have 1 upper case and 1 number</em>");
    $("input[name=pass]").focus();
    i=false;
    $("*").focus(function(){return false});}
    if ($("input[name=pass]").val()!=$("input[name=cpass]").val()){
    $("label[for=cpass]").parent().append("<em id='er' class='error'><br>The pass and confirm pass must be the same</em>");
    $("input[name=cpass]").focus();
    i=false;
    $("*").focus(function(){return false});
    }
    //alert($("#user_type option:selected").text());

    if ($("#user_type option:selected").text()=="No type"){

    $("label[for=user_type]").parent().append("<em id='er' class='error'><br>Enter the user type</em>");

    $("input[name=user_type]").focus();

    i=false;

    $("*").focus(function(){return false});

    }

    if ($("input[name=Email]").val()!=""){

    $.ajax({

    type: "POST",

    url: "/registration/step1",

    data: "email="+$("input[name=Email]").val(),

    success: function(msg){

    //alert(msg);

    // $("#er_2").remove();

    if (msg!=0)

    {

    $("#er").remove();

    //alert('aaaa');

    $("label[for=Email]").parent().append("<em id='er' class='error'><br> This email is already registered in this system</em>");

    $("input[name=Email]").focus();

    $("*").focus(function(){return false});

    return false;

    }

    }

    });

    }

    //$("#er_1").remove();
    //alert($(":radio[name=question1]").filter(":checked").val());
    $("#er_1").remove();
    if ($(":radio[name=question1]").filter(":checked").val()!="1") {
    //alert('aaaa');

    $("label[for=rlabel1]").parent().append("<em id='er_1' class='error'><br> You must agree</em>");
    $(":radio[name=question1]").focus();
    $("*").focus(function(){return false});
    return false;
    }
    if (!i) return false;
    });
    $("a").filter("#add_areas").click(function(){
    $.ajax({
    type: "POST",
    url: "/registration/step1",
    data: "areas=1",
    success: function(msg){
    i=parseInt(msg);
    //alert(msg);
    //indOption = $('#industry').html();
    //alert(st);
    st='<li><input type="text" name="areasOfExp'+i+'" id="areasOfExp'+i+'" value="" class="prSetupP1Inp1 areasOfExp"></li>';
    $("#add_areas").parent().before(st);
    }
    });

    });


    });
    </script>

    После этого мне нужно лиш поставить поля в нужных местах с нужными ID...
    Буду очень вам благодарна :D

    alexandera
    Thursday, March 22, 2012 6:14 PM.
    3991 views.
    Reply Follow