jquery raty require rating

Question

Я пытаюсь выяснить, как получить плагин jquery Raty. Кто-нибудь знает простой способ просто убедиться, что пользователь нажал на звезду. если кто-то должен увидеть кого-нибудь из кода, спросите меня. Я не очень хорош с jquery, но, пожалуйста, детально и спасибо.

$rates.raty({ 
     half: false, 
     target : '#add_post_rating', 
     hints: pixreviews.hints, 
     path: path, 
     targetKeep : true, 
     //targetType : 'score', 
     targetType : 'hint', 
     //precision : true, 
     score: default_rating, 
     scoreName: 'pixrating', 
     click: function(rating, evt) { 

      $('#add_post_rating').val('' + rating); 
      $('#add_post_rating option[value="' + rating + '"]').attr( 'selected', 'selected'); 

     }, 
     starType : 'i' 
    }); 

Answer 1

Поскольку вы определили:

scoreName: 'pixrating' 

Raty создаст скрытое поле ввода типа внутри DIV. Вам нужно рассмотреть это поле.

Мой пример и fiddle:

$(function() { 
 
    $('div').raty({ 
 
    half: false, 
 
    hints: ['bad', 'poor', 'regular', 'good', 'gorgeous'], 
 
    path: 'https://raw.githubusercontent.com/wbotelhos/raty/master/lib/images/', 
 
    targetKeep: true, 
 
    //targetType : 'score', 
 
    targetType: 'hint', 
 
    //precision : true, 
 
    score: 0, 
 
    scoreName: 'pixrating', 
 
    click: function (rating, evt) { 
 
     $('#add_post_rating').val(rating); 
 
    }, 
 
    starType: 'i' 
 
    }); 
 

 
    // handle the select box changes 
 
    $('#add_post_rating').on('change', function (e) { 
 
    $('div input[name="pixrating"]').val(this.value); 
 
    $('div').raty('score', this.value); 
 
    }).trigger('change'); 
 

 
    // on form submit do your test.... 
 
    $('#frm').on('submit', function(e) { 
 
    if ($('div').raty('score') == '0') { 
 
     e.preventDefault(); 
 
     console.log('error: raty is 0!'); 
 
     return; 
 
    } 
 
    }) 
 
});

<link rel="stylesheet" href="https://rawgit.com/wbotelhos/raty/master/lib/jquery.raty.css"> 
 
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 
<script src="https://rawgit.com/wbotelhos/raty/master/lib/jquery.raty.js"></script> 
 

 
<form id="frm"> 
 
    <div></div> 
 
    <select id="add_post_rating"> 
 
     <option value="0"></option> 
 
     <option value="1">1</option> 
 
     <option value="2">2</option> 
 
     <option value="3">3</option> 
 
     <option value="4">4</option> 
 
     <option value="5">5</option> 
 
    </select> 
 
    <input type="submit" value="Submit"> 
 
</form>