Search jQuery

jQuery Forum

Variable comparison on SHA256 validation [SOLVED]

in Getting Started • 8 years ago

Hi everybody,

I'm new on jQuery (in fact programming I'm novice) and need some guide to solve something I have to...

I'm building a form that have two fields which converts values into hashed strings using Alex Weber's sha256 jQuery plugin. In addition I need to compare it with the ones stored in a xml, and permit form submit only if user input and xml values are equal.

The plugin works and I can get data from the xml, but i'm getting problems when I try to compare the data. That's the code I wrote:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
        <script src="hash.js"></script>
    </head>
    <body>
        <p>
            <form>
                <label>Validador</label>
                <input type="text" value="" id="telefono" required />
                <input type="text" value="" id="fecha" required />
            </form>
        </p>
        <p>

            <div id="salidaXML">
                <div class="telefono"></div>
                <div class="nacimiento"></div>
                <div class="mansaje"></div>
            </div>
        </p>

    </body>
    <script type="text/javascript">

        $(document).ready(function() {

                // No queremos ningun campo vacio
                if ($('#telefono').val() == "" || $('#fecha').val() == "")
                    {
                        alert("No puedes dejar ningun campo vacio!");
                    }
                else     // Guardamos los dato hasheados
                    {
                        TelHash = $.sha256($('#telefono').val());
                        FechaHash = $.sha256($('#fecha').val());

                        $.ajax({
                        type: "GET",
                        url: "hash.xml",
                        dataType: "xml",
                        success: function(xml) {

                            $(xml).find('usuario').each(function(){

                                    nombre = $(this).find('nombre').text();
                                    telefono = $(this).find('telefono').text();
                                    nacimiento = $(this).find('nacimiento').text();

                                    if (telefono == TelHash || nacimiento == FechaHash)
                                        {
                                            $('<h3 class="nombre"></h3>').html(nombre).appendTo('#salidaXML');
                                            $('<div class="telefono"></div>').html(telefono).appendTo('#salidaXML').before('<strong>Telefono:</strong><br/>');
                                            $('<div class="nacimiento"></div>').html(nacimiento).appendTo('#salidaXML').before('<strong>Fecha de nacimiento:</strong><br/>').after('<br/>');
                                        }
                                    else
                                        {
                                            alert("Nooop");
                                        }
                                });
                            }
                        });
                    }
        });

    </script>
</html>

The issue is that it doesn't apply the condition and shows me the alert despite the data that I put in the form fields. Obviously I'm doing something wrong, but I can't see where.

Thanks in advance for everybody that pay atention to this post, and i will be grateful if somebody helps me to find the mistake.

Replies(7)

Godsbest

Re: Variable comparison on SHA256 validation

8 years ago

I am not sure whether you can complete the steps below if you're new to programming. I would suggest the following:

1. Create a server-side script that will receive hashed string from the form, read XML file, compare, and return some indication such as 1 (or true) if they match and 0 (or false) if they don't. You do not want to do the comparison of the hashed strings on the client-side because users like me can figure out what the key is.

2. Once your user is ready to submit the form make an ajax call to the script in (1) above with the hashed string from the form as a parameter and use the response returned to determine whether to proceed or not.

memorysoft

Re: Variable comparison on SHA256 validation

8 years ago

@Godbest thank you for response,

In fact I planed to implement the script in the way do you suggested, but I'm trying to make it work locally first due my issue is to compare correctly these variables. If i can't solve this, doesn't matter how I implement the script...

It is possible that one of them (both return correct values in an alert or document.write) is a string and not the other? How can I convert both in string? I tried with text() but doesn't work for me...

Godsbest

Re: Variable comparison on SHA256 validation

8 years ago

Do you have any actual code? And what response are you getting?

memorysoft

Re: Variable comparison on SHA256 validation

8 years ago

I'm still working on the above code, and using for testing a simple xml file with this content:

<?xml version="1.0" encoding="utf-8" ?>
<root>
    <usuario>
        <nombre>
            Perico Lospa Lotes
        </nombre>
        <telefono original="666777888">
            8dc566025533cab89d109e2ae62f81710da74fabb4ecf1f6fa64465185c19dcc
        </telefono>
        <nacimiento original="14/7/1974">
            f743ba1a7b952b7b1bf4720b236c864834a2ea2b2b2538b546fd9ccc668fb9fe
        </nacimiento>
    </usuario>
    <usuario>
        <nombre>
            Marianico el Corto
        </nombre>
        <telefono original="678987654">
            c03a4c00e235fcaeaf16d8eb337752b2c3f32c95db518320b4ff92ab4fa66bbc
        </telefono>
        <nacimiento original="23/5/1916">
            b183997aedf5a85a683fbe183bd44bcdbca31e868f3a603671345faab33f9c66
        </nacimiento>
    </usuario>
    <usuario>
        <nombre>
            Armando Bronca Segura
        </nombre>
        <telefono original="654321789">
            e33943f93ffa6fc901324264c200fe962d194693b6df14fc9957bf3eb57c7a7e
        </telefono>
        <nacimiento original="19/7/1936">
            cce69178556365a923be1fb958b66c9cb990f580e45faaddf21d3be81dd20fe2
        </nacimiento>
    </usuario>
</root>

The hash script is this:
https://github.com/alexweber/jquery.sha256

So, everything works fine but the last IF block. Then If I do this just before the last if:

alert( TelHash + FechaHash + telefono + nacimiento);

the alert shows me the correct strings doubled, first pair from the input and the other from the .xml. So the variables are getting the correct values. But when I use the variables inside the if brackets it doesn't seems to work, every time it show the last alert... I tried this:

if (telefono == TelHash || nacimiento == FechaHash)

and this:

if (telefono === TelHash || nacimiento === FechaHash)

and also this:

if ($.sha256($('#telefono').val()) === $(this).find('telefono').text())

and this one:

if (telefono === "8dc566025533cab89d109e2ae62f81710da74fabb4ecf1f6fa64465185c19dcc")

I can not figure out why the comparison doesn't work.
Thanks for your interest Godbest.

Godsbest

Re: Variable comparison on SHA256 validation

8 years ago

What if you try the following?

if( $.trim($.sha256($('#telefono').val()))

== $.trim($(this).find('telefono').text()) )

memorysoft

Re: Variable comparison on SHA256 validation

8 years ago

Yeeeeeeeah! It works!
I was suspecting all the time some kind of type issue, and in fact I tried 'toString' it with no luck. Absollutely newby!

Many thanks for your time and interest Godbest.

Godsbest