jquery.validate-Test

最新推荐文章于 2024-10-01 18:51:18 发布

salesforce

最新推荐文章于 2024-10-01 18:51:18 发布

阅读量401

点赞数

文章标签： email function input javascript class html

本文链接：https://blog.csdn.net/salesforce/article/details/5169261

版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>jquery.validate-TEST</title>
<script language="javascript" src='../jquery-1.3.2.min.js'></script>
<script language="javascript" src='../jquery.validate.js'></script>
<style>label.valid {
background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat;
height:16px;
width:16px;
display: block;
position: absolute;
top: 4px;
left: 552px;
}</style>
</head>

</body>
</html>
<script>
    $(document).ready(function(){
      //$("#myform").validate()仅仅写这个函数即可表单验证，但是validate()里面有很多可选项如下：
      $("#myform").validate({
        errorLabelContainer: "#messageBox",
        //wrapper: "li",
        //重定义错误信息，这样就覆盖掉默认的错误信息显示
        rules: {
       username: "required",
       email: {
         required: true,
         email: true
       }
     },
    messages: {
      username: "Please specify your name",
      email: {
        required: "We need your email address to contact you",
        email: "Your email address must be in the format of name@domain.com"
      }
    },
    //定义一个组，将错误的信息统一放在一个指定的页面位置，此处例子为将username和lname的错误信息统一放在lname后面
    groups:{
    name:"username,lname"
    },
    errorPlacement: function(error, element) {
    /*if (element.attr("name") == "username" || element.attr("name") == "lname" )
       error.insertAfter("#lastname");
    else
      error.insertAfter(element);
    */

    error.appendTo( element.parent("td").next("td") );
    },
    //高亮显示
    highlight: function(element, errorClass) {
        $(element).fadeOut(function() {$(element).fadeIn()})
    },
    //验证成功时候
    //success:"valid",
    success: function(label) {
      //alert('11'+element.id);
        //$(label).addClass("valid").text("Ok!");
    },
   //用其他方式替代默认的SUBMIT，比如可以采用Ajax提交;
       submitHandler: function() {
        $(myform).ajaxSubmit()
        }
      })
    });
</script>