为什么这个片段不起作用?

时间:2012-04-01 08:00:59

标签: javascript jquery html

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);    
        }
        });

点击提交按钮,带有id =“按钮”,警告对话框应该出现在网址上.....为什么上面的代码不起作用?请帮忙

3 个答案:

答案 0 :(得分:0)

在声明了提交侦听器的匿名函数参数之后,您有一个额外的左括号。

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);    
        }
        });

答案 1 :(得分:0)

替换为:

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);    
    });
});

另见this example

===更新2 ===

这是一个简短的版本:

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(如果你不想做更多的话,则不是必需的):

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

example

答案 2 :(得分:0)

  • 从底部的第二个支撑(})你没有很好地关闭。
  • 你应该这样写“})”而不是“}”。
  • 正确关闭很重要享受代码