Нужно игнорировать обязательные поля в некоторых случаях - PullRequest
0 голосов
/ 21 февраля 2020

Приветствие, мне нужно избежать проверки для обязательного поля. Когда я нажимаю одну кнопку, это поле будет обязательным, и форма не будет отправлена, если ... И если я нажму другую кнопку, обязательное поле будет проигнорировано, и форма будет отправлена ​​(например, обе кнопки в одной и той же форме).

 <cfform name="SubmitToHR" action="Action.cfm">
<table>
    <tr>
        <td class="Form" bgcolor="FFFBF0">#Var#</td>
        <td width="39">
            <cfinput type="Text" value="#Comments#" name="Comment" size="39" maxlength="100" lass="Text5" style="height:21" required="no">
        </td>
        <td width="127">
            <cfinput name="CheckDate" type="datefield" value="#Paycheck#" class="Text" style="height:21" size="18" required="yes" message="Select Date">
        </td>
    </tr>
</table>
<table>
    <tr>
        <td class="Center"> 
            <cfinput name="Operation" type="submit" class="ButtonOrange" value="Submit">
        </td>
    </tr>
    <tr>
        <td class="Center"> 
            <cfinput name="Operation" type="submit" class="ButtonRed" value="Not Approve">
        </td>
    </tr>

1 Ответ

2 голосов
/ 21 февраля 2020

Как то так?

<script>
    function checkInput(mode)
    {
        if (mode == 1) {
                if (SubmitToHR.CheckDate.value.length == 0)
                {
                    window.alert('Select Date');
                } else {
                    document.forms['SubmitToHR'].submit();
                }
        } else if (mode == 2) {
                document.forms['SubmitToHR'].submit();
        }
        return false;
    }
</script>

<cfset Var = "Test1">
<cfset Comments = "Test1">
<cfset Paycheck = "01/01/2020">
<form name="SubmitToHR" method="post" action="Action.cfm">
<cfoutput>
<table>
    <tr>
        <td class="Form" bgcolor="FFFBF0">#Var#</td>
        <td width="39">
            <input type="Text" value="#Comments#" name="Comment" size="39" maxlength="100" class="Text5" style="height:21" required="no">
        </td>
        <td width="127">
            <input name="CheckDate" type="Text" value="#Paycheck#" class="Text" style="height:21" size="18" required="no" message="Select Date">
        </td>
    </tr>
</table>
<table>
    <tr>
        <td class="Center"> 
            <input name="Operation" type="button" class="ButtonOrange" value="Submit" onclick="checkInput(1);">
        </td>
    </tr>
    <tr>
        <td class="Center"> 
            <input name="Operation" type="button" class="ButtonRed" value="Not Approve" onclick="checkInput(2);">
        </td>
    </tr>
</table>
</cfoutput>
</form>
...