Question

Jquery无法在Internet Explorer上运行。然而，它运行在其他webbrowsers上。我写的代码是

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#myform").validate({
            debug: false,
            rules: {
                name: "required",
                email: {
                    required: true,
                    email: true
                }
            },
            messages: {
                name: "Please let us know who you are.",
                email: "A valid email will help us get in touch with you.",
            },
            submitHandler: function(form)
            {
                $.post('process.php', $("#myform").serialize(), function(data)
                {
                    $('#results').html(data);
                });
            }
        });
    });
    </script>

</head>
<body>
<form name="myform" id="myform" action="" method="POST">
    <label for="name" id="name_label">Name</label>
    <input type="text" name="name" id="name" size="30" value=""/>
    <br>
    <label for="email" id="email_label">Email</label>
    <input type="text" name="email" id="email" size="30" value=""/>
    <br>
    <input type="submit" name="submit" value="Submit">
</form>
<div id="results"><div>
</body>
</html>

process.php

<?php
    print "Form submitted successfully: <br>Your name is <b>".$_POST['name']."</b> and your email is <b>".$_POST['email']."</b><br>";
?>

如何在INTERNET EXPLORER上运行此代码。非常感谢您的帮助

Answer 1

在此行之后删除'，'

email: "A valid email will help us get in touch with you.",

应该是

 email: "A valid email will help us get in touch with you."

在你的消息块中，它就像这样

 messages: {
            name: "Please let us know who you are.",
            email: "A valid email will help us get in touch with you.",   // <<<< HERE REMOVE IT                
        },

你需要删除最后一行中的'，'（逗号），不需要它。

Answer 2

您应该将return false添加到submitHandler。

或者您可以将提交输入转换为不使用<button>Submit</button>提交表单的按钮。

Answer 3

请尝试以下代码： -

<script type="text/javascript">
  $(document).ready(function(){
    $("#myform").validate({
        debug: false,
        rules: {
            name: "required",
            email: {
                required: true,
                email: true
            }
        },
        messages: {
            name: "Please let us know who you are.",
            email: "A valid email will help us get in touch with you.",
        },
        submitHandler: function(form)
        {
            $.post('process.php', $("#myform").serialize(), function(data)
            {
                $('#results').html(data);
            });
            return false;
        }
    });
});
</script>

Answer 4

我试图在我的最后执行你的代码。请在顶部添加doctype。我使用了相同的功能，虽然它不能提前工作但它仍然有用。

<!DOCTYPE html>

感谢

在Internet Explorer上使用jquery发出问题

4 个答案: