日期:2014-05-16  浏览次数:20382 次

常用的JavaScript或jQuery对form表单的操作代码总结

常用的JavaScript或jQuery对form表单的操作代码总结

cokonet 发表于2010-11-07 03:00 浏览(285) 评论(0) 分类:技术交流 ?????举报
(转载,仅供交流)

1.javascript去空格

function trim(text) {???
??? return (text || "").replace(/^s+|s+$/g, "");???
}
2.检查复选框是否选值

???? var count=document.form.role.length;
?? var j=0;
?? for(var i=0;i<count;i++)
?? {
??? if (document.form.role[i].checked)
?? ++j;
?? }
?? if(j==0)
?? {
?? alert("请选择角色"); return false;
?? }

3.使按钮变灰
<INPUT?? TYPE="button"?? value="变灰"?? name=button?? onclick="javascript:aa.disabled=true;bb.disabled=true;">??
<INPUT?? TYPE="button"?? value="变亮"?? name=button?? onclick="javascript:aa.disabled=false;bb.disabled=false;">

循环变灰或变亮(bu1为按钮id)
??? function?? turndisable(){??
????? bu1.disabled?? =?? !bu1.disabled;
??? }??
4.js往空白的select列表框中添加值

//select 添加

//obj1 为用于输入添加值的input域id, obj2 为空白的多选列表框id
function funAdd(obj1,obj2){
?? var objLeft=document.getElementById(obj1);
?? var obj=trim(objLeft.value);
?? if(obj==""){
?? alert("不能添加空值");
?? return false;
?? }
?? var objRight=document.getElementById(obj2);
???? var value=new Option(obj,obj);
???? objRight.options[objRight.length]=_value;
????? ??? objLeft.value="";??
?? }
//selsect 删除
?? function funDelete(obj){
?? var objRight=document.getElementById(obj);
??????? for(var i=0;i<objRight.length;i++){
??????????? if(objRight[i].selected==true){
??????????????? objRight.options.remove(objRight.selectedIndex);
??????????? }
??????? }
??? }


5.js控制的多选列表框提交值到后台(即上面4的空白select添加完值后,提交)。

//此JavaScript为提交两个select(id分别是phonelist,phonelist1)多选列表框
function addList(){
????
var list=document.getElementById('list');

?? var phonelist=document.getElementById('phonelist');
??
?? var phonelist1=document.getElementById('phonelist1');
?? var html='';
??
?? for(var i=0;i<phonelist.length;i++){
??? html+='<input type="hidden" value="'+phonelist[i].value+'" name="phone" />';
?? }
?? for(var j=0;j<phonelist1.length;j++){
??? html+='<input type="hidden" value="'+phonelist1[j].value+'" name="black" />';
?? }
??? //list为div层的id
?? list.innerHTML=html;
??
?? document.form1.action="pew.do?method=ModifyPaw";
?? document.form1.submit();
???
}???

6.多选列表框,把左边列表中的值,转移到右边的空白多选列表框然后提交
把左边的列表值转移到右边的JavaScript为

// obj1 ,obj2为左右select多选列表框id


//添加
function funAdd(obj1,obj2){
?? var objLeft=document.getElementById(obj1);
?? var objRight=document.getElementById(obj2);
?? for(var i=0;i<objLeft.length;i++){
??? if(objLeft[i].selected==true){
???? //alert(objLeft[i].value);
???? var value=new Option(objLeft[i].text,objLeft[i].value);
??
???? objRight.options[objRight.length]=_value;
??????????????? objLeft.options.re