表单的一些应用常识:
1.在用户第一次提交完表单后应防止用户不耐烦而多次点击submit按钮,需要在onsubmit事件中制止用户的重复行为。
2.不要简单粗暴的用reset()重置表单,如果用户不想填写可以给他一个返回上一页面的按钮,让其离开。
3.通过触发阻止onsubmit事件的默认行为就可以阻止用户表单的提交。
4.能够在用户输入完一个内容后焦点自动跳到下一个内容。
5.除了select,其余有onchange事件的表单元素都是先触发onchang再触发onblur,前提是该表单内容有了改变且失去了焦点。
6.J高三上说select的onchange不用失去焦点就能发生有误,因为选择本身就让select失去了焦点,因此select选项改变的时候,先触发onblur再触发onchange
(未完待续)
用户提出一个需求,要求在表单填写完毕后敲击回车弹出一个自定义的对话框,且不能提交。
于是这就需要改写form的onsubmit事件,简单粗暴看代码:
HTML结构
<form id="ifm" action=""> <div> <label>姓名:</label> <input id="txtName" type="text" maxlength="16" /><br /> <label>年龄:</label> <input id="txtAge" type="text" /><br /> <input type="submit" id="sum" /> </div> </form>
JS语句
window.onload = function () { var of = document.getElementById(‘ifm‘); of.onsubmit = function () {//改写onsubmit事件 var oDiv = document.createElement(‘div‘); var oIn = document.createElement(‘input‘); oIn.type = ‘text‘; oDiv.appendChild(oIn); oDiv.className = "divs"; document.body.appendChild(oDiv); oIn.focus();//将焦点转移到对话框中 return false;//阻止默认行为,form默认提交后刷新页面 }; };