JavaScript网页特效案例教程教学课件作者杨旭超主编JavaScript010课件.pptVIP

尚辅网 / [案例3.48] htmlhead form name=frm action=javascript:login() method=post input type=text name=cj value=输入成绩 input type=submit name=sb value=提交 /form script type=text/javascript function login() { if(frm.cj.value=60 frm.cj.value=100 ) { document.write(通过了...); } else { document.write(没有通过...); } } /script /head/html 在Form表单的action属性中使用javascript协议 模拟用户提交form表单后 服务器返回登录成功和登录失败的两种情况 尚辅网 / 该事件是form对象专有的事件 onsubmit事件 当用户单击input type=submit…按钮或在表单的单行文本输入框中按下回车键后，表单数据即将递交到WWW服务器前发生该事件。 尚辅网 / onsubmit事件 典型用法：检查Form表单收集到的数据的合法性和完整性，防止将不正确的数据传送给WWW服务器。 在onsubmit事件属性设置中，一定要使用retum语句返回事件处理的结果，如果返回值为false，则取消数据的提交，如果返回值为true，则将数据继续提交给WWW服务器 。 尚辅网 / target属性 用来指定服务器返回结果显示的目标窗口或目标帧 尚辅网 / [案例3.50] htmlhead form name=form1 target=_blank method=post onsubmit=return dosubmit(this) 用户名：input type=text name=userbr input type=submit name=submit1 value=递交 /form script type=text/javascript function dosubmit(frm) { if(frm.user.value== ) { alert(你必须先输入用户名); frm.user.focus(); return false; } else return true; } /script /head/html 指定服务器返回结果显示的目标窗口 尚辅网 / [案例3.50] htmlhead form name=form1 target=_blank method=post onsubmit=return dosubmit(this) 用户名：input type=text name=userbr input type=submit name=submit1 value=递交 /form script type=text/javascript function dosubmit(frm) { if(frm.user.value== ) { alert(你必须先输入用户名); frm.user.focus(); return false; } else return true; } /script /head/html 触发onsubmit事件时进行事件处理 尚辅网 / [案例3.50] htmlhead form name=form1 target=_blank method=post onsubmit=return dosubmit(this) 用户名：input type=text name=userbr input type=submit name=submit1 value=递交 /form script type=text/javascript function dosubmit(frm) { if(frm.user.value== ) { alert(你必须先输入用