1
我爲一個伴侶的樂隊做了一些「你給我你的電子郵件，我給你一個棒的歌」頁面。我試圖從jQuery Facebox插件中提交時使用簡單的JavaScript表單（電子郵件）驗證工作。我發現你需要在Facebox打開或不工作後之後綁定JS驗證功能。這樣做的基礎在Facebox文檔中進行了規劃，並應該如下所示：$(document).bind('reveal.facebox', function() { ...stuff to do after the facebox and contents are revealed... })。如下所述，我認爲這不應該是這種情況，因爲我認爲Facebox只顯示了一個隱藏在Facebox CSS參數中的元素，但只有當Facebox打開時，它肯定需要綁定到事件處理程序。綁定驗證腳本在jQuery Facebox插件中形成
事實證明我只是無法讓它工作（除了在Firefox中，這意味着使用Firebug進行調試有點不行！） - 您可以將任何舊的gumpf放入電子郵件表單中，然後快速提交發送確認信息到「asdsdf」或當時輸入的任何內容。
代碼如下，我真的很感謝任何幫助！
謝謝你的時間。
豐富
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Track download</title>
<meta name="image:Background" content="images/background.jpg" />
<link rel="stylesheet" type="text/css" href="reset-min.css" />
<link rel="stylesheet" type="text/css" href="facebox.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/facebox.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a[rel*=facebox]").facebox();
});
</script>
<script type="text/javascript">
function validateForm(){
var x=document.forms["emailForm"]["emailAddress"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){
alert("Not a valid e-mail address");
return false;
}
});
</script>
</head>
<body>
<div id="wrapper">
<h1>Gorgeous George</h1><br />
<h2><a href="#user" rel="facebox">Download</a> our new track!</h2><br /><br />
<p>Follow us on <a href="http://gorgeousgeorgetheband.tumblr.com" target="_blank">Tumblr</a></p>
<p>Follow us on <a href="http://soundcloud.com/gorgeous-george-the-band" target="_blank">Soundcloud</a></p>
<div id="user">
<form action="index.php" method="post" name="emailForm" onsubmit="return validateForm();">
<fieldset>
<h3 class="black">Email Address:</h3><br />
<input id="emailAddress" id="emailForm" name="emailAddress" onfocus="(this.value == "Enter Email Address") ? this.value = "" : this.value" size="30" type="text" value="Enter Email Address" width="28" /><br />
<input type="submit" value="Submit" />
</fieldset>
</form>
</div> <img src="images/gorgeousGeorge.jpg" alt="Gorgeous George" class="mainImage" />
</div>
</body>
</html>
class而不是id ...我是多麼的虛空 – RichieAHB 2011-07-18 11:46:45