Validate fields with javascript in Safari browser

Question

Validate fields with javascript in Safari browser

Navigation

#1 by (0 votes)

0

I'm having trouble trying to validate form fields, via Javascript, in the Safari browser.

HTML code:

<div class="modal fade" id="remarcar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div id="confirmacao-label1">
            <a href="#close" title="Close" data-dismiss="modal" class="closeModal">X</a>
        </div>
        <div class="modal-body"> 
            <form action="#" method="post" name="remarcar-cancelar" id="remarcar-cancelar">                                  
                <div id="button-label-remarcacao">        
                    <span class="titulos">Por favor nos informe o motivo: </span>
                    <span class="titulos">Motivo: </span>
                    <select name="motivoCancelamento" id="motivoCancelamento" class="combobox-motivo" required="required">
                        <option value=""> </option>
                        <option value="viagem">Viagem</option>
                        <option value="outros">Outros Motivos</option>
                    </select>
                </div>
                <div id="button-label-remarcacao">
                    <button type="submit" name="remarcar" value="remarcar" id="remarcacao-submit" 
                    onclick="return validaMotivoSituacaoSubmit();">Desejo Remarcar</button>
                </div>
            </form>
        </div>
    </div>
</div>

That button calls the JS function:

<script>
function validaMotivoSituacaoSubmit() {
    if (document.getElementById("motivoCancelamento").selectedIndex === 0) {
        alert("Escolha uma opção!");
        return false;
    } else {
        $("#remarcar-cancelar").attr("action", "MSAGEN");
        document.forms["remarcar-cancelar"].submit();
        return true;
    }
}
</script>

Validations work perfectly on IE, Firefox, Chrome browsers. However in Safari, the validation does not work and if the user does not select any reason, sends empty parameter to the servlet.

Does anyone have any tips?

javascript html model-validation safari

asked by anonymous 14.10.2016 / 20:50

1 answer

How to organize HTML and PHP content quotes within echo? [duplicate] Status with colors in gridview asp.net C #

score 0 · Answer 1

Try closing the script like this:

HTML:

<div class="modal fade" id="remarcar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div id="confirmacao-label1">
            <a href="#close" title="Close" data-dismiss="modal" class="closeModal">X</a>
        </div>
        <div class="modal-body"> 
            <form action="#" method="post" name="remarcar-cancelar" id="remarcar-cancelar">                                  
                <div id="button-label-remarcacao">        
                    <span class="titulos">Por favor nos informe o motivo: </span>
                    <span class="titulos">Motivo: </span>
                    <select name="motivoCancelamento" id="motivoCancelamento" class="combobox-motivo" required="required">
                        <option value=""> </option>
                        <option value="viagem">Viagem</option>
                        <option value="outros">Outros Motivos</option>
                    </select>
                </div>
                <div id="button-label-remarcacao">
                    <button type="submit" name="remarcar" value="remarcar" id="remarcacao-submit" 
                    onclick="validaMotivoSituacaoSubmit();">Desejo Remarcar</button>
                </div>
            </form>
        </div>
    </div>
</div>

Script:

var validaMotivoSituacaoSubmit = (function () {
    if (document.getElementById("motivoCancelamento").selectedIndex === 0) {
        alert("Escolha uma opção!");
        return false;
    } else {
    var frm = document.forms["remarcar-cancelar"];
        frm.setAttribute("action", "MSAGEN");
        frm.submit();
        return true;
    }
});