Form validation/s fail in Internet Explorer only...

Hello,

I have a form that works like a charm - as long as you are not using Internet Explorer!

I made a new form (below, a *.php file) to show you how VALIDATION (two 'types') is failing in IE... Neither of the validations work in IE...

I tried to change the type="image" to a very simple type="submit" for the form submittal --- and a heck of a lot more things have been tried...

What am I missing?

I am primarily a scientific data analysis guy, geologist, self taught in all this - shows huh? <wink> - so please assume I am missing the easy stuff <smile>

Thanks in advance...
GREG...

Expand|Select|Wrap|Line Numbers

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
    <title>DELETE Page - Test Form - Bloody Internet Explorer</title>
 
    <script src="/SpryValidationTextField.js" type="text/javascript"></script>

    <link href="/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
 
    <!-- form related javascript -->

    <script language="javascript" type="application/javascript">
 
        var errorsOnSubmit = function(form)

            {
 
                var ret = Spry.Widget.Form.validate(form);
 
                var errorZone= document.getElementById('error_zone');
 
                if (!ret)

                    {
 
                        errorZone.style.visibility = 'visible';
 
                        errorZone.style.backgroundColor = 'red';
 
                    }

                    else

                    {
 
                        errorZone.style.visibility = 'hidden';
 
                    };
 
                return ret;
 
            };
 
        //validate the specific (sic) of the incident reporting form contents

        function validate_try_simple_form_ie()

            {
 
                alert('Specific validation fired...');
 
                //make sure my name is not used

                if(document.try_simple_form_ie.txt_full_name.value == 'Greg Cocks')

                    {

                        alert('Don\'t use my name!');

                        document.try_simple_form_ie.txt_full_name.value = "";

                        document.try_simple_form_ie.txt_full_name.focus();

                        return false;

                    };
 
                //check out OK

                return true;
 
            };
 
    </script>
 
</head>
 
<body>
 
    <h1 style="text-align:center;color:red">

        DELETE Page - Test Form - Bloody Internet Explorer - 22

    </h1>
 
    <p>

        Form functionality that works like a charm in Chrome, Firefox, etc - but the Spry and the 'custom' validation does not work in IE!!

        </p>
 
    <form action="<?php print $_SERVER['PHP_SELF']; ?>" method="post" name="try_simple_form_ie" id="try_simple_form_ie" onsubmit="return errorsOnSubmit(this);" >
 
        <input type="hidden" name="_try_simple_form_ie" value="1" />
 
        <label for="txt_full_name" style="font-weight:bold;font-size:0.8em">

            Enter Full Name:

        </label>

        <br />

        <span id="val_txt_full_name">

            <input type="text" name="txt_full_name" size="25" />

            <span class="textfieldRequiredMsg">

                A value is required.

              </span>

            <span class="textfieldMinCharsMsg">

                Minimum number of characters not met.

              </span>

          </span>

        <br />

        <br />
 
        <input

            type="image"

            src="http://bytes.com/images/icon_050_submit_button.png"

            alt="Submit Form Details"

            id="submit_form_details"

            title="Submit The Information"

            onclick="return validate_try_simple_form_ie()"

        />
 
        <p class="clearIt" id="error_zone" style="visibility:hidden">

            ERRORS: There are some ERROR/S in the form, shown in red shading of the field/s. Please scroll up, correct them, and resubmit...

           </p>
 
    </form>
 
    <br />

    <br />
 
    <?php
 
        //see if the form details have been submitted

        if(array_key_exists('_try_simple_form_ie', $_POST))

            {
 
                print 'Name: '.$_POST['txt_full_name'].'<br />';
 
            };
 
    ?>
 
<script type="text/javascript">

    var sprytextfield1 = new Spry.Widget.ValidationTextField("val_txt_full_name", "none", {validateOn:["blur", "change"], minChars:5});

</script>

</body>
 
</html>

Mar 22 '12 #1

Subscribe Post Reply

2772

scubak1w1

I popped up the simple version on a public page at http://www.stoller.com/a_test_form_pita_ie.php

Internet Explorer is the issue...

There are two types of validation when you hit submit...

(i) if you have not entered 5 characters in the text box, you should see "ERRORS: There are some ERROR/S in the form, shown in red shading of the field/s. Please scroll up, correct them, and resubmit..."

(ii) if you enter my name as in the text box, 'Greg Cocks', no quotes, it should say not to use my name and clear out the text box...

Cheers!

Mar 22 '12 #2

Similar topics

Form Validation Redux

by: r0adhog | last post by:

First off wanted to that all that replied to my previous questions, you were much help. Had a couple of general questions. Why has everyone suggested not using VB Script on the Client Side? ...

ASP / Active Server Pages

Help restore data from form fields in Internet Explorer

by: Tim Tyler | last post by:

The user has come back to my page - and I have session data held in hidden form fields that I want to restore. Getting these values using Javascript works fine in Mozilla Firebird - and the like...

Javascript

disable BACK & FORWARD button of internet explorer

by: Ashvin Navare | last post by:

Hi, We want to disable BACK & FORWARD button of the browser so that user is forced to navigate through the menu options provided in the site. The browser used is Internet Explorer only. Please...

.NET Framework

flag effect javascript sample with internet explorer

by: autobest.be | last post by:

Hello, I play recently with javascript and thought this graphical effect could be interesting for those who like it :) http://www.autobest.be/test/flag.htm (err...internet explorer only)

Javascript

Form Validation Question.

by: Drew | last post by:

I've already created a simple method of ensuring that all form feilds are filled out before the form is submitted to an ASP page for records to be added to the data base. (Sorry about the...

Javascript

XHTML Strict and Javascript Form Validation

by: Robert Smith | last post by:

I have a very basic form validation script, which wont work due to XHTML Strict not allowing me to use the name attribute on a form. Here is part of my code: if...

Javascript

xml code working in internet explorer only

by: mr_burns | last post by:

hi, i am using the following code which works well in internet explorer but not in firefox (and perhaps others too): var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async="false";...

Javascript

Form validation question

by: Hosh | last post by:

I have a form on a webpage and want to use JavaScript validation for the form fields. I have searched the web for form validation scripts and have come up with scripts that only validate...

Javascript

Pop up with strange behaviour in Internet Explorer but not Firefox.

by: ft310 | last post by:

Use Internet Explorer go to http://rhodeisland-aa.org/tester/meetings/index.htm On the left click "and go to meetings" Click any address in the right hand 'location' column. The entire page...

Javascript

work in Internet Explorer only ajax code

by: smartic | last post by:

I'm having problem with this code why i don't know works fine in Internet Explorer only that is my code: <script language="javascript" type="text/javascript"> function AJAX(num){ XMLObject =...

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing