0
我想驗證一個表單,其中的一部分包含動態添加的輸入字段,但動態添加的字段由於某種原因未驗證,這裏是我用來追加的代碼現場的形式,jquery表單驗證不工作在動態添加的表單輸入
的Javascript:
//instantiate form validation
$("#form").validationEngine('attach');
$("#add_friend").live('click', function(){
var count = $(".friend").size();
if(count == 4){
alert("only 4 friends allowed");
}else{
//append a friend field to the friend container
$("[data-custom='refer_container']").append("<div class='friend'>"
+"<label for='friend_"+count+"'>friend: </label>"
+"<input type='text' data-custom='name' class='validate[required] text-input' id='friend_name_"+count+"' name='friend_name_"+count+"' />"
+"<input type='text' data-custom='email' class='validate[required] text-input' id='friend_email_"+count+"' name='friend_email_"+count+"' />"
+"<div class='delete'></div>"
+"</div><br />");
}
$("#form").validationEngine('attach');
});
我使用this插件來驗證表單,thanx提前!
你可以添加你的html嗎?謝謝 – 2011-02-28 17:11:58
請上傳您的HTML在jsfiddle或pastebin。不要在這裏傾倒它。另外,當你點擊add_friends時,你會得到任何javascript錯誤。嘗試在Firebug或Chrome的檢查器中稍微調試一下。在點擊處理程序中放置一個斷點並查看是否一切按預期工作。 – HyderA 2011-02-28 17:19:53