用于表單填寫過程中，用戶名或密碼input表單清除小功能

點(diǎn)擊input效果：

點(diǎn)擊右側(cè)按鈕則清除input數(shù)據(jù)

html頁面：

<div >
          <input type="hidden" name="user_id" id="user_id" value="0" />
           <input name="user_name" id="user_name" class="" type="text" onClick="Click(this,'user_id');" onBlur="Clear_div(this);" />
           <div class="" id="Click_user_name" ></div><!--此處div id需要手動(dòng)更換-->
</div>	

JS:

/*清除鍵*/
function Click(obj,inputid)
{
	var id = inputid;
	var div  = "Click_";
	var divname=div+obj.id;
	$("#"+divname).html("");//防止重復(fù)增加，增加前清除div內(nèi)內(nèi)容
	if(id != 0)//三重引號(hào)，內(nèi)容被切割，使用轉(zhuǎn)義字符 \" 來替代
	{
		//這里使用了底層自帶的圖標(biāo)，如果沒有可以到圖標(biāo)庫里下載
		var new_element ="<a href='javascript:' class='' id='' onClick=\"Reset_search('"+obj.id+"','"+id+"');\"></a>";
	}else
	{	
		var new_element ="<a href='javascript:' class='' id='' onClick=\"Reset_search('"+obj.id+"',0);\"></a>";
	}
	$("#"+divname).append(new_element);
}

/*清除input內(nèi)數(shù)據(jù)*/
function Reset_search(inputname,inputid)
{
	var div  = "Click_";
	var name = inputname;
	var divname=div+name;
	$("#"+name).val("");
	if(inputid != 0)
	{
		var id = inputid;
		$("#"+id).val("");
	}
	$("#"+divname).html("");//清空html
}

/*清除按鈕*/
function Clear_div(obj)
{
	var inputdata = $("#"+obj.id).val();
	if(inputdata == '')
	{
		var div  = "Reset_search_";
		var name = obj.id;
		var divname=div+name;
		$("#"+divname).html("");//input失去焦距且input為空時(shí)清空html
	}
}