表单验证的两种方式onclick和onsubmit

表单验证的两种方式onclick和onsubmit

一、onclick提交
1.对应的属性名为name
2.函数检验，返回值为false，不会引起表单提交
3.获取表单提交

function createOrder() {
        if(CheckPost())
        {
            document.orderForm.submit();
        }
    }
function CheckPost ()
{
	if (orderForm.receiverAddress.value == "")
	{
		alert("地址不能为空！");
		orderForm.receiverAddress.focus();
		return false;
	}
	if (orderForm.receiverName.value == "")
	{
		alert("收货人不能为空！");
		orderForm.receiverName.focus();
		return false;
	}
	if (orderForm.receiverPhone.value == "")
	{
		alert("电话不能为空！");
		orderForm.receiverPhone.focus();
		return false;
	}
	return true;
}

//** 表单提交的校验 */
// function creatOrder(){
// id为orderForm
// // document.getElementById(“orderForm”).submit();
//
// }

<form name="orderForm" action="${
   pageContext.request.contextPath}/client/order/createOrder" method="post">
	
	 收货地址：<input name="receiverAddress" id=