無法調用提交的jQuery功能下面是HTML和jQuery代碼

-1

嗨，我不能叫提交的jQuery的功能，下面是HTML和jQuery代碼無法調用提交的jQuery功能下面是HTML和jQuery代碼

jQuery代碼：

$(document).ready(function() { 
    //global vars 
    var userName = $("#username"); //user name field 
    var userPass = $("#password");//password field 
    //When form submitted 
    $("#overlay_form1").submit(function() { 
     window.alert("Please fill UserName & Password!"); 
     return false; 
    }); 
    //open popup 
    $("#pop").click(function() { 
     $("#overlay_form1").fadeIn(500); 
     positionPopup(); 
    }); 
    //close popup 
    $("#close").click(function() { 
     $("#overlay_form1").fadeOut(500); 
    }); 
}); 
//position the popup at the center of the page 
function positionPopup() { 
    if (!$("#overlay_form1").is(':visible')) { 
     return; 
    } 
    $("#overlay_form1").css({ 
     left : ($(window).width() - $('#overlay_form1').width())/2, 
     top : ($(window).width() - $('#overlay_form1').width())/7, 
     position : 'absolute' 
    }); 
} 
//maintain the popup at center of the page when browser resized 
$(window).bind('resize', positionPopup);

HTML代碼：

<a href="#" id="pop" >PopUp</a> 
<br /> 
<form id="overlay_form1" name="overlay_form" method="post" onsubmit="return false;"> 
    <h2> Put your contents here..</h2> 
    <label>Username: </label><input type="text" name="username" id="username" /><br /><br /> 
    <label>Password: </label><input type="text" name="password" id="password"/><br /><br /> 
    <input type="button" value="Login" /> 
    <a href="#" id="close" >Close</a> 

</form>

來源

2013-07-11 Pavnesh

你也可以傳遞HTML代碼嗎？或者你有小提琴什麼的？任何錯誤，當你嘗試這個？ – putvande

我沒有得到任何錯誤，而是警報窗口也無法彈出..... $（「＃overlay_form1」）。submit（function（） { window.alert（「請填寫用戶名和密碼！」）; return false; }）; – Pavnesh

@Pavnesh我認爲上述代碼的要求不明確。首先嚐試解釋爲什麼您使用該代碼？你想要什麼輸出。 – ripa

你沒有一個提交按鈕。更改

<input type="button" value="Login" />

到

<input type="submit" value="Login" />

，它應該工作。

來源

2013-07-11 12:52:03 putvande

@ Neeraj-現在工作正常。非常感謝..... – Pavnesh

無法調用提交的jQuery功能下面是HTML和jQuery代碼

回答

相關問題