JS表单的一些简单操作与事件

表单构成

一个表单由form标签，里面的input标签,最后的button提交按钮构成。通过在这些标签上绑定方法，来验证表单数据是否符合需要。

form标签

<form name="orderform" action="bannerocity.php" method="POST"> 
</form>

name属性表单常用，相当于一个对象名称来使用，action是表单提交的后台处理代码，method是表单交换数据的方式。

input标签

PIN: <input type="text" name="pin" maxlength="4" size="4"><br>

type用于决定输入框的输入类型，具体类型可以自查。
name可以用来表单中定位，因为表单对象是一个数组，可以用 orderform[‘pin’]这种形式直接选取该域。
maxlength是最多的输入字符数，可以用来限制输入的数字数量，还有另外minlength可以用来设置最小输入量。
size是输入框的大小。

---

表单上的input可以绑定事件:
onfocus:选择该域
onblur:域不在被选择，也就是完成输入时，一般用于验证输入的数据是否有问题。
onchange:某域不在被选择，而且输入内容被改变时触发，不可用于验证空域，因为本来就没有值。

button

<input type="button" value="Order Banner" onclick="placeOrder(this.form);" />

表单的button绑定一个提交事件，事件根据表单的HTML设定的值将数据提交到后台。

form.submit();