funciona al 99%, donde no se puede agregar el atributo de requerido al campo de entrada. cuando una determinada condición coincide y también debería ejecutarse al cargar la página, incluso si el valor de selección no cambia.
y si se cambia el valor de select, entonces también debería ejecutarse.
Aquí está mi intento de código Javascript
var e = document.getElementById("StatusID"); var strUser = e.options[e.selectedIndex].value; var _cost = document.getElementById('_total'); if(_cost.value == 0) { $(".Star").css('display','inline-block'); _cost.setAttribute("required", ""); } else { $(".Star").css('display','none'); } Debe agregar un evento de cambio para StatusID :
var e = document.getElementById("StatusID"); e.onchange = function() { changeHandler(); }; window.onload = function() { changeHandler(); }; function changeHandler() { var _cost = document.getElementById('_total'); var e = document.getElementById("StatusID"); var strUser = e.options[e.selectedIndex].value; if(_cost.value == 0) { $(".Star").css('display','inline-block'); _cost.setAttribute("required", ""); } else { $(".Star").css('display','none'); } }En lo anterior (y en esta actualización), no necesita ingresar el código antes de cerrar la etiqueta del cuerpo.