jQuery生成html代码无法使用

vvvsrx 2009-07-03 08:12:43



function createLoginDialog(){

	var obj = $("<div></div>").attr("title","用户登陆").attr("id","dialogTest");

	var form = $("<FORM></FORM>").attr("name","loginForm").attr("onSubmit","return check()").attr("action","doManage/doLogin.jsp").attr("method","post");

	var divForm = obj.append(form);

	var username = $("<lable></lable>").text("用户名:");

	objobj = divForm.append(username);

	var userinput = $("<input>").attr("class","input").attr("type","text").attr("maxLength","20").attr("size","40").attr("name","uname");

	objobj = divForm.append(userinput);

	var br = $("<br />");

	divForm.append(br);

	var password = $("<lable></lable>").text("密    码:");

	objobj = divForm.append(password);

	var passinput = $("<input>").attr("class","input").attr("type","password").attr("maxLength","20").attr("size","40").attr("name","upass");

	objobj = divForm.append(passinput);

	divForm.addClass('flora').dialog({

	width:350,

	height:200,

	modal : true,

	bgiframe : true,

	resizable: false,

	buttons:{

	'登陆':function(){

		$("FORM:first").submit();

	},

	}

	});

	}

以上是我用jQuery写的，然后到了doManage/doLogin.jsp就不识别2个文本框：uname和upass了，大小写检查无错误。
我同样直接使用html代码就可以正确使用....

...全文

196 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

monexus 2009-07-04

打赏
举报

LZ没听懂我的意思吗 IE下使不能修改动态产生的元素的name属性，
要使用IE下createElement的特殊语法document.createElement('<input name="your_name">')

magicone 2009-07-04

打赏
举报

学习~~

vvvsrx 2009-07-04

打赏
举报

[Quote=引用 9 楼 eugenepada 的回复:]
看了代码，楼主并没有把input框包含在form里面
改了下楼主的代码
JScript codevarobj=$("<div></div>").attr("title","用户登陆").attr("id","dialogTest");varform=$("<FORM></FORM>").attr("name","loginForm").attr("onSubmit","return check()").attr("action","doManage/doLogin.jsp").attr("method","post");vardivForm=obj.append(form);//该处在IE下无效，IE下请改为var username = $("<lable>用户名:</lable>");varus…
[/Quote]
好了！很详细！谢谢！

eugenepada 2009-07-04

打赏
举报

看了代码，楼主并没有把input框包含在form里面
改了下楼主的代码



var obj = $("<div></div>").attr("title","用户登陆").attr("id","dialogTest");

		    var form = $("<FORM></FORM>").attr("name","loginForm").attr("onSubmit","return check()").attr("action","doManage/doLogin.jsp").attr("method","post");

		    var divForm = obj.append(form);

		    //该处在IE下无效，IE下请改为var username = $("<lable>用户名:</lable>");

		    var username = $("<lable></lable>").text("用户名:");

		    //应该是在form下追加

		    objobj = form.append(username);

		    var userinput = $("<input>").attr("class","input").attr("type","text").attr("maxLength","20").attr("size","40").attr("name","uname");

		  //应该是在form下追加

		    objobj = form.append(userinput);

		    var br = $("<br />");

		    //form下追加

		    form.append(br);

		    //该处在IE下无效，IE下请改为var username = $("<lable>密    码:</lable>");

		    var password = $("<lable></lable>").text("密    码:");

			  //应该是在form下追加

		    objobj = form.append(password);

		    var passinput = $("<input>").attr("class","input").attr("type","password").attr("maxLength","20").attr("size","40").attr("name","upass");

		  //应该是在form下追加

		    objobj = form.append(passinput);

		    //

		    $(document.body).append(divForm);

		    divForm.addClass('flora').dialog({

			    width:350,

			    height:200,

			    modal : true,

			    bgiframe : true,

			    resizable: false,

			    buttons:{

			    	'登陆':function(){

			        	$("FORM:first").submit();

			    		}

			   	 }//这里多了个逗号

			    });