表单提交前的验证

来源:互联网 发布:伊朗空军实力知乎 编辑:程序博客网 时间:2024/05/18 00:40

一.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>


二.按钮的提交事件

<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);   }, "用户名不能是手机号");});

                                             
0 0
原创粉丝点击