为什么我用了老师的方法但是功能却没有实现呢 下面是代码

来源:1-2 如何开始及举例

codeboy

2015-05-31 13:35

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 <title>网页标题</title>
 <meta name="keywords" content="关键字列表" />
 <meta name="description" content="网页描述" />
 <link rel="stylesheet" type="text/css" href="" />
 <style type="text/css"></style>
</head>
<body>
<form id="demoForm" method='post'>
 <fieldset>
 <legend>用户登录</legend>
 <p>
  <label for="username">用户名</label>
  <input type="text" id="username" name="username">
 </p>
 <p>
  <label for="password">密码</label>
  <input type="password" id="password" name="password">
 </p>
 <p>
  <input type="submit" value="提交">
 </p>
 </fieldset>
</form>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $("#demoForm").validate({
   rules: {
    username:{
     required:true,
     minlength:2,
     maxlength:10
    },
    password:{
     required:true,
     minlength:2,
     maxlength:16
    }
   }  
   messages: {
    username:{
     required:"用户名必须填写",
     minlength:"用户名最少为2字符",
     maxlength:"用户名最大为10字符"
    },
    password:{
     required:"密码必须填写",
     minlength:"密码最少为2字符",
     maxlength:"密码最大为16字符"
    }
   }
  });
 });
</script>
</body>
</html>

写回答 关注

4回答

  • 半聋半哑半糊涂
    2016-06-07 14:34:52

    46行少了一个逗号,亲测

  • 一模拉仨
    2015-06-12 13:27:25

    你有引入 jquery.js 和jquery.validation.js 吗?

  • 风吹过普罗旺斯
    2015-05-31 14:24:55

    你检查一下你的语法,是中英文的问题不

    codebo...

    怎么检查啊

    2015-05-31 17:30:31

    共 1 条回复 >

  • rain0002009
    2015-05-31 14:19:12

    46行少了一个逗号

    UFO201... 回复codebo...

    将46行修改为 }, (注意是英文的字符) 本人亲测通过! http://www.imooc.com/qadetail/82176

    2015-06-13 00:23:25

    共 2 条回复 >

jQuery插件——Validation Plugin

validation让客户端表单验证变容易,缩短用户等待时间

65871 学习 · 216 问题

查看课程

相似问题