Form Fields not available in Internet Explorer 11 and Edge

153 Views Asked by At

A login form is submitted and when I try and dump the values the form structure is empty in IE but not FF or Chrome. This is in a DEV environment using HTTPS and a corporate self signed certificate.

I don't really think this is Fusebox related but it is the framework I'm using. No choice in the matter as it is legacy code and no budget to change it so please don't suggest I move on.

I've discovered that in IE it doesn't like the form action to be of the format:

/directory/index.cfm?fuseaction=app.Security

Instead it wants a fully qualified action

https://www.mycompany.com/directory/index.cfm?fuseaction=app.Security

<form action="/directory/index.cfm?fuseaction=app.Security" name="loginForm" id="loginForm" method="post">
  <div style="width:55%;" align="center" id="fieldset">
    <fieldset class="border" style="width:70%;">
        <legend>Login</legend>
        <div style="padding:2%">
            <label for="userID">User ID: <span id="error1" class="redbold" aria-live="assertive"></span> </label>
        </div>
        <div>
            <span class="required">*</span>&nbsp;<input type="text" name="userID" id="userID" size="32" maxlength="8" value="" />
        </div>
        <div style="padding:2%">
            <label for="pw">Password: <span id="error2" class="redbold" aria-live="assertive"></span></label>
        </div>
        <div>
            <span class="required">*</span>&nbsp;<input type="password" name="pw" id="pw" size="32" maxlength="20" value="" />
        </div>
        <div style="padding:2%" id="formButtons">
            <input type="submit" value="Login" class="buttonfield" title="Login to eAgenda" />
            <span style="padding-left:5%; margin-left:5%">
                <input type="reset" value="Clear" class="buttonfield" title="Clear" />
            </span>
            <div id="errorMsg">
                <p>
                    <span class="redbold"></span>
                </p>
            </div>
        </div>
        <span class="required">*</span>Mandatory field
    </fieldset>
  </div>
</form>
1

There are 1 best solutions below

1
Smoketx On

In the end it was a <base href="http://..."/> tag in the header. Removing or making it https solved the problem.