Question

jQuery(document).ready(function(){
           $("#button").submit(function() {  
            {
            var email_id=document.getElementById('textfield').value;
            var password=document.getElementById('textfield2').value;
            var utype=document.getElementById("utype").value;
    var url="login_check.jsp?&email_id="+encodeURIComponent(email_id)+"&password="+encodeURIComponent(password)+"&utype="+encodeURIComponent(utype);
            $('form').get(0).setAttribute('action',url);  
        alert(document.form1.action);    
        }
        });

on the click of submit button with id=”button” an alert dialog box should appear with the url….. Why the above code is not working? Please help

Answer 1

Replace with:

jQuery(document).ready(function(){
    $("#button").click(function() { 
        var email_id=document.getElementById('textfield').value;
        var password=document.getElementById('textfield2').value;
        var utype=document.getElementById("utype").value;
        var url="login_check.jsp?&email_id="+encodeURIComponent(email_id)+"&password="+encodeURIComponent(password)+"&utype="+encodeURIComponent(utype);
        $('form').get(0).setAttribute('action',url);  
        alert(document.form1.action);    
    });
});

Also see this example.

=== UPDATE 2 ===

Here a short version:

HTML:

<form name="form1" action="login_check.jsp">
    <input type="text" name="email_id">
    <input type="text" name="password">
    <input type="text" name="utype">
    <input type="submit" id="button" value="submit">
</form>

JS (is not neccessary if you don’t want to do more):

$(document).ready(function(){
    $("#button").click(function() {
        $('form').prop('action', "login_check.jsp?" + $('form').serialize());
    });
});

And an example.