HTML 单选按钮 JQuery 验证不起作用

Question

你好，我正在开发一个5星评价的单选按钮。这个单选按钮不能正常工作。我想在中实现wordpress． 检查图像。https://i.stack.imgur.com/UR5ED.png。这是单选按钮图像。如果访问者不给任何审查，那么验证将是工作。下面的代码不起作用。任何人都可以给我任何建议。

jQuery(document).on('click', '#sv_form', function() {
var timeliness = jQuery('input[name="timeliness"]:checked').value;
//var timeliness = jQuery('input[name="timeliness"]:checked').val(); 
if (timeliness === '') {
jQuery('#valida_error_message').text('*All above Fields are Required');
} else {
jQuery.ajax({
url: ajax_url,
type: "POST",
dataType: "JSON",
//cache: false,
data: {
'action': 'vendor_survey_form',
'timeliness': timeliness,
},
success: function(data) {
if (data.message) {
jQuery('body #message').html('Message sent successfully');
jQuery("form").trigger("reset");
} else {
jQuery('#survey_error_message').text(data);
jQuery("form").trigger("reset");
}
},
error: function(errorThrown) {
console.log(errorThrown);
}
});
}
})

<fieldset class="timeliness">
<!-- id="no-rate" -->
<input type="radio" id="timeliness" class="input-no-rate" name="timeliness" value="0" checked="" aria-label="No timeliness.">
<input type="radio" id="rate1" name="timeliness" value="1" required>
<label for="rate1">1 tstar</label>
<input type="radio" id="rate2" name="timeliness" value="2" required>
<label for="rate2">2 tstar</label>
<input type="radio" id="rate3" name="timeliness" value="3" required>
<label for="rate3">3 tstar</label>
<input type="radio" id="rate4" name="timeliness" value="4">
<label for="rate4">4 tstar</label>
<input type="radio" id="rate5" name="timeliness" value="5" required>
<label for="rate5">5 tstar</label>
<span class="focus-ring"></span>
</fieldset>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 1

<script>
$(document).ready(function () {
jQuery(document).on('click', '#sv_form', function () {
var timeliness = jQuery('input[name="timeliness"]:checked').value;
//var timeliness = jQuery('input[name="timeliness"]:checked').val(); 
if (timeliness == '') {
jQuery('#valida_error_message').html('*All above Fields are 
Required');
} else {
jQuery.ajax({
url: ajax_url,
type: "POST",
dataType: "JSON",
//cache: false,
data: {
'action': 'vendor_survey_form',
'timeliness': timeliness,
},
success: function (data) {
if (data.message) {
jQuery('body #message').html('Message sent 
successfully');
jQuery("form").trigger("reset");
} else {
jQuery('#survey_error_message').text(data);
jQuery("form").trigger("reset");
}
},
error: function (errorThrown) {
console.log(errorThrown);
}
});
}
});
});
</script>