从JS到AJAX - 05 表单操作和正则表达式方案.ppt

表单操作与正则表达式 主要内容 表单操作元素 文本域事件 命令按钮事件 复选框事件 单选按钮事件 列表框事件 正则表达式 文本框事件 事件 onFocus onBlur onChange 用法 input type=text name=名称 size=宽度 onFocus=接受焦点处理例程; onBlur=失去焦点处理例程; onChange=改变内容处理例程; “ 文本框示例 script type=text/javascript“ function writeit(value) { document.getElementById(“tt”).value = value; } /script form name=myfm input type=“text” id=“tt” name=“first_text” onfocus=“writeit(‘获得焦点’)” onblur=“writeit(‘失去焦点’)” value=“初始化 / p/p textarea name=“txt_area ” rows=“5” cols=“17” onchange=“writeit(‘textarea状态改变)/textarea /form 效果 命令按钮事件 事件 onClick 用法 input type=button value=值 name=名称 onClick=单击事件处理例程; 复选框事件 事件 onClick 用法 input type=checkbox value=值 name=名称 checked onClick=单击事件处理例程; 示例-body form name=myfm input type=checkbox id=tt name=checkbox value=Java /Java br / input type=checkbox name=checkbox value=JavaScript /JavaScript br / input type=checkbox name=checkbox value=Ajax /Ajax br / input type=button value=whats your choise? onclick=choise() / input type=“button” value=“把第一个变成不可选 onclick=disable() / /form 示例-javascript function choise() { var chose = document.getElementsByName(checkbox); var str = ; for(var i=0;i=chose.length-1;i++) { if (chose[i].checked == true) { str =str+ chose[i].value+“\n“; } } alert(“You chose: ”+“\n”+str); } function disable() { document.getElementsByName(checkbox)[0].disabled = true; } 效果 单选按钮事件 事件 onClick 用法 input type=radio value=值 name=名称 checked onClick=单击事件处理例程; 示例-body form name=myfm input type=radio id=tt name=radio value=Java /Javabr / input type=radio name=radio value=JavaScript /JavaScriptbr / input type=radio name=radio value=Ajax /Ajaxbr / input type=button value=whats your choise? onclick=choise() / input type=button value=把第一个变成不可选 onclick=disable() / /form 示例-javascript function choise() { var