表单提交前的验证

一.form的onsubmit事件

 

<form name="myform" method="post" onsubmit="return check()">
	function CheckForm() {
	    if(document.myform.title.value=="") {
	        alert('请输入课题名称！');
	        document.myform.name.focus();
	        return false;
	    }
	}
</form>

 

<form name="myform" method="post" onsubmit="return checkOrderForm(this);">
function checkOrderForm(frm)
{
    var addressid=frm.elements['addressid'].value;
    if(addressid){
        alert("sd");
        return false;
    }else{
        alert("swed");
        return false;
    }return false;
  document.getElementById("tijiaoorder").disabled="disabled";
  frm.action = frm.action + '?step=done';
  return true;
}
</form>

 

 

 

二.按钮的提交事件

 

 

 

 

<button type="button" onclick="checktosubmit()">提交</button> 

 

三.jQuery的ready()方法

 

<form id="FormData"> $(document).ready(function() { $("#FormData").validate({ rules: { title:{ required:true, nomobile:true }, content:"required" }, messages: { title: { required: "请输入标题" }, content: { required: "请输入内容" } }, errorPlacement: function(error, element) { if ( element.is(":radio") ) error.appendTo( element.parent().next().next() ); else if ( element.is(":checkbox") ) error.appendTo ( element.next()); else error.appendTo(element.parent()); } }); jQuery.validator.addMethod("nomobile", function(value, element) { var tel = /^(13|15|18)\d{9}$/; var $cstr= true; if (tel.test(value)) $cstr= false; return $cstr || this.optional(element); }, "用户名不能是手机号"); });

 

 四ajax两种方法