fyneworks.com/jquery/star-rating/を使用して、自分のサイトに星評価を付けています。しかし、jquery での検証に問題があります。ユーザーがそれを使用する必要があることを望みます。
私はこれを使用します：
$('#formid').validate({
rules: {
nameofradiobutton: { required: true }
}
});
検証しますが、通常 { required: true }では機能しません。
でもルールみたいな形にしたい。
何時間も解決策を探すのを手伝ってください...
私のラジオ HTML は次のようになります。
<input name="star" type="radio" value="1"class="star"/>
<input name="star" type="radio" value="2"class="star"/>
<input name="star" type="radio" value="3"class="star"/>
<input name="star" type="radio" value="4"class="star"/>
<input name="star" type="radio" value="5"class="star"/>
そして、私の実際の検証呼び出しは次のようになります。
$('#starform').validate({
rules: {
star: {
required: true,
},
},
messages: {
star: {
required: "<br />Please choose a star.",
},
},
errorPlacement: function (error, element) {
if ( element.is(":checkbox") )
error.appendTo(element.parent("td").next("td"));
else if ( element.is(":radio") )
error.appendTo(element.parent("td").next("td"));
else
error.appendTo( element.parent());
}
});
私のフォームはこんな感じです
<input name="star" type="radio" value="1"class="star"/>
<input name="star" type="radio" value="2"class="star"/>
<input name="star" type="radio" value="3"class="star"/>
<input name="star" type="radio" value="4"class="star"/>
<input name="star" type="radio" value="5"class="star"/>
私の検証はこれらのようなものです
$(document).ready(function () {
$('#starform').validate({
rules: {
star: {
required: true,
},
},
messages: {
star: {
required: "<br />Please choose a star.",
},
},
errorPlacement: function (error, element) {
if ( element.is(":checkbox") )
error.appendTo(element.parent("td").next("td"));
else if ( element.is(":radio") )
error.appendTo(element.parent("td").next("td"));
else
error.appendTo( element.parent());
}
});
});