<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>家电维修</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Customer2/css/reset.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Customer2/css/base.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Customer2/css/layout.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Customer2/css/iscroll.css">
<script src="__PUBLIC__/Customer2/js/jquery.min.js"></script>
<script src="__PUBLIC__/Customer2/js/iscroll.js"></script>
<script src="__PUBLIC__/Home/js/jquery.raty.min.js"></script>
</head>
<body>
    <form action='{:U("Cusreview/cus_review_do")}' method='post' >
    <header class="header-wrapper index-header">
        <a class="city-link" href="city.html">
            <i class="index-icon icon-return"></i>
            <span class="city-name">返回</span>
        </a>
        <div class="title">评价</div>
    </header>

    <article>
        <section>
            <div class="info-box">
            <volist name='list' id='vo' >
                <div class="info-block">
                    <span>{$vo.content}</span>
                    <span class="evalua r">
                        <div   class="star"></div>
                        <input type="hidden"  value='{$vo.eight_ratio}' name='eight_ratio[{$vo.id}]' />
                        <input type="hidden"  value='{$vo.eight_ratio}' name='rate[{$vo.id}]'/>
                    </span>
                 </div>
            </volist>
                <div class="info-block info-block2">
                    <span">评价：</span><br/>
                    <input type="hidden" value='{$wid}' name='order_id' />
                    <textarea placeholder="字数在200字以内" class="evalua-text mt10" name='text_records'></textarea>
                 </div>
            </div>
        </section>

        <section class="mt10">
            <a class="button" onclick='sub_datas();'>确定</a>
        </section>

    </article>

    <footer>

    </footer>
</form>
</body>

<script type="text/javascript">
    function sub_datas(){
        var get_text_content=$.trim($('.evalua-text').val());
        if(!get_text_content){
            alert('评价内容不能为空!');
            return false;
        }
        var get_content_length=get_text_content.length;
        if(get_content_length>0&&get_content_length<6){
            alert('评价内容过短,不少于6个字!');
            return false;
        }
        if(get_content_length>200){
            alert('评论字数超过限制,请不要超出200字!');
            return false;
        }
        $('form').submit();
    }
</script>

<script type="text/javascript">
var d=$(".star");
$.each(d,function(i,v){
    var tar=$(this).next('input');
    $(this).raty({
        path:"__PUBLIC__/Home/images/" ,
        starOff: 'star-off-big.png',
        starOn: 'star-on-big.png',
        size:26,
        hints: ['1.0', '2.0', '3.0', '4.0', '5.0'],
        target: tar,
        targetKeep : true
    });
})
</script>
</html>

jQuery星级评分插件的更多相关文章

  1. HTML5商城开发三 jquery 星星评分插件

    展示:

  2. js的选择星级评分插件

    需要引入jquery和raty的js,并且低版本的jquery可能会出现样式问题,或者点击没反应,可换高版本试试 raty文档及下载: http://www.wbotelhos.com/raty/ 把 ...

  3. jquery 星级评价插件jquery Raty的使用

    需要引入的js <script type="text/javascript" src="<%=basePath%>resources/js/jquery ...

  4. jQuery动态星级评分效果实现方法

    本文实例讲述了jQuery动态星级评分效果实现方法.分享给大家供大家参考.具体如下: 这里的jQuery星级评分代码,是大家都很喜欢的功能,目前广泛应用,本星级评分加入了动画效果,注意,如果要真正实现 ...

  5. js实现星级评分之方法一

    利用一个星级评分的小案例,来逐步封装js星级评分插件. 从最基础的js知识,通过一个小的demo,逐步学习js的面向对象知识. 从浅到深,逐步递进. 图片素材 <!DOCTYPE html> ...

  6. 星级评分--封装成jquery插件

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  7. 推荐10款 好用的 Jquery 评分插件

    Raty jQuery Raty这是一个能够自动生成可定制的星级评分jQuery插件.可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数. 地址: Ra ...

  8. 一款好用的jquery评分插件

    一．使用说明 1.jQuery评分插件的功能: 图标显示用户评分,更美观 可实时点击,切换评分 返回用户评分,记录用户评分 实现类似下图效果 2.优点: 美观,方便 3.缺点: 只能用于jquery开 ...

  9. jQuery 评分插件(转)

    评分效果的小插件jQuery Raty.它提供的API相当丰富真的是让人爱不释手.详细文档及下载插件请移步这里. 基本使用 下面我们来实际操作,运用一下这个有爱的小插件. 需要做的事情非常简单,在页面 ...

随机推荐

  1. maven（02）--简单的命令操作

    使用maven有什么好处呢? 这个问题留到该文的末尾进行总结>v< maven测试 在上一篇文章中介绍了如何简单的编译一个java文件,执行mvn compile命令后,你会发现在你新建的 ...

  2. 使用JsonConfig控制JSON lib序列化

    将对象转换成字符串,是非常常用的功能,尤其在WEB应用中,使用 JSON lib 能够便捷地完成这项工作.JSON lib能够将Java对象转成json格式的字符串,也可以将Java对象转换成xml格 ...

  3. 初码-Azure系列-迁移PHP应用至Azure的一些实践记录和思考

    最近客户在逐步迁移应用从阿里云到Azure,这次又轮到一个PHP+MySQL应用了,顺便也记一下流水账. 需求:迁移部署在阿里云上的ECS服务器(系列2,IO优化+2核4G+50G的SSD云盘+10M ...

  4. EntityFramework6.X之DataAnnotations

    DataAnnotations 在web开发中不仅在客户端需要执行验证逻辑,会对会对用户向表单中输入的数据给出一个即时反馈:且在服务器端也需验证逻辑,因为来自网络的信息都是不能信任的.在MVC中通常是 ...

  5. unity 判断是安卓还是IOS平台

    功能概述 储值功能,点击一个按钮(mSprites["Recharge"]),实现储值功能,在IOS平台上,该按钮下的功能全部隐藏,在安卓平台上正常显示按钮,实现相应功能 #if ...

  6. Java类加载器详解

    title: Java类加载器详解date: 2015-10-20 18:16:52tags: JVM--- ## JVM三种类型的类加载器- 我们首先看一下JVM预定义的三种类型类加载器,当一个 J ...

  7. size_t类型

    size_t在C语言中就有了.它是一种“整型”类型,里面保存的是一个整数,就像int, long那样.这种整数用来记录一个大小(size).size_t的全称应该是size type,就是说“一种用来 ...

  8. javascript基础-事件2

    DOM0,DOM2,DOM3事件类型 图解: 范畴 响应顺序(标:标准浏览器.IE9+) 注意点 MouseEvent 标: mousedown-mouseup-click-mousedown-mou ...

  9. Windows 7 蓝屏代码大全 & 蓝屏全攻略

    关于Windows 7.Vista等系统的蓝屏,之前软媒在Win7之家和Vista之家都有很多文章讨论过,但是都是筛选的常见的一些问题,今天这个文章是个大全,希望大家看着别头痛,文章收藏下来以后待查即 ...

  10. pythion 第二弹

    ################################第二节################################################python中数据类型的常见的方法 ...