Ajax-based Login Control Without Any Standard Database

Introduction: In this tutorial I am going to base a simple login control on AJAX. All login control needs a database that stores all user profiles, such as passwords. Server-side script uses the database from user given string matches to compare and shows errors or redirects to relevant pages, etc. However, the proposed technique is no standard database like Access, SQL is required, etc. It only takes a native XML Flat / text database, to implement the minimum complexity in practice.

I was looking for this kind of simple log-in approach and, finally, came the thought, however, the Asynchronous JavaScript and XML technology (in short AJAX) . On many occasions, the establishment of an external database is cumbersome and not worthy in terms of minimal customs. The proposed Login control, but will help you all the load, and compatibility issues to be removed. To be clear, conventional and standard database application, a database server, the authentication and authorization required before the creation of a database, database string to be used in the script, the platform-specific and is awkward for me always. To get rid of all the costs and efforts, the proposed approach uses a simple flat database tables and read the database with (AJAX) to control a pretty login.

Keep reading

!

Big Picture: The following figure shows the AJAX-based login control display. User can enter his password into the text field. For simplicity, I have all the names of the States United States as passwords. If the user specified string games with one of the passwords, make the “search” button appears. In other words, the user’s desired page by clicking on this button will be forwarded.

In case the user’s input string is not a pre-fix match of the passwords, the color of the text box will automatically be yellow. It tells the user not in this direction and try to delete some of the characters try again.

Necessary files: we need four files for this login control

i) script. html

ii) script. css

iii) script. js

iv) script. xml

the HTML and CSS file corresponds to the content and design to show, above all, at various components. Note that the “query” Submit “button is kept hidden from visibility. It will only be displayed if the user string with one of the passwords stored in the XML file matches.

JavaScript AJAX file controls the connectivity and read the password on the fly. As soon as user presses a letter on the text field, the function works for any game or disproportionate to review and act accordingly.

hold a single character fills the function of all passwords in a hidden “popoups” (which is actually not a pop!) HTML component. The function is true then the string with the user string. If the pop-ups component is empty, there is the user string is not a prefix of one of the passwords and makes the text box yellow.

present but in the event of agreement between the two strings, the button will be displayed. User can now click directly requested by his side.

/ / ————— ———- — script. html —————————————-

;