Alajax - Demo page

ALAJAX - jQuery AJAX form converter

1
2


The code used above is

HTML

<form action="/send.php" method="post" id="myForm">
    <div id="allInputs">
    <label for="fullname">Fullname: </label>
    <div class="input"><input type="text" name="fullname" id="fullname" value="Alaa" /></div>
    <label for="password">password: </label>
    <div class="input"><input type="password" id="password" name="password" value="abcd" /></div>
    <label for="email">Email Address: </label>
    <div class="input"><input type="text" name="email" id="email" value="email@example.com" /></div>
    <label for="check">checkbox: </label>
    <div class="input"><input type="checkbox" name="check" id="check" value="yes" /></div>
    <label for="radio">radio: </label>
    <div class="input">
        <div><input type="radio" name="radio" id="radio" value="1" /> 1</div>
        <div><input type="radio" name="radio" id="radio2" value="2" /> 2</div>
    </div>
    <label for="select">Select: </label>
    <div class="input">
        <select name="select" id="select">
            <option value="">-- Select one --</option>
            <option value="option 1">Option 1</option>
            <option value="option 2">Option 2</option>
        </select>
    </div>
    <label for="bodytext">text: </label>
    <div class="input"><textarea name="bodytext" id="bodytext"></textarea></div>
    </div>
    <br clear="all" />
    <hr />
    <div class="button"><input type="image" name="imagebtn" id="imagebtn" src="/files/send.png" /></div>
</form>

 

Java Script

$(document).ready(function (){
    $("#myForm").alajax();
});

 

See more about this plugin in this page.