文章/答案/技术大牛

发布

问js未与onsubmit一起使用
EN

Stack Overflow用户

提问于 2014-10-28 00:05:19

回答 3查看 188关注 0票数 0

看了很多关于这个主题的帖子，但似乎没有一个对我有用：

    <script type="text/javascript">
        function openprompt(){
            $.prompt("Hello World!");   
        }
    </script>
</head>

<body>
    <a href="javascript:openprompt()">Test Impromptu States Survey</a>
    <div id="results"></div>
    <div id="wrapper">
    some code.....
        <div id="formWrapper">
                <form action="create.php" method="post" onsubmit="return openprompt();">

如果我单击链接，js脚本运行正常并打开提示符窗口，但是当我单击附加到表单的提交按钮时，脚本不会运行。我检查了数据库，发现php脚本运行正常。有没有人可以解释一下为什么js脚本没有运行，以及修复它的方法。谢谢

javascript

onsubmit

回答 3

Stack Overflow用户

发布于 2014-10-28 00:10:27

这是因为提交将触发到表单操作的重定向。您必须禁用此功能：

<form action="create.php" method="post" onsubmit="openprompt(); return false;">

一种更好的方法是在javascript中捕获事件(例如使用jQuery)：

表单标签：

<form action="create.php" method="post" id="my-form">

javascript：

$(function () {    
    $('#my-form').on('submit', function (e) {
        e.preventDefault(); // stop the actual submit

        openprompt();

        return false;
    });
});

票数 1

Stack Overflow用户

发布于 2014-10-28 23:48:33

实际上openprompt正在运行，但是您的服务器发送了一个新页面，并且您看不到提示“窗口”。

之所以会发生这种情况，是因为$.prompt()创建/显示了一个div或其他一些模拟模式对话框的元素。然而，JS不能创建真正的模态，因此提示符并没有真正阻塞脚本，并且执行将继续到openprompt的末尾。因为不返回false，所以submit按钮将执行它的工作并提交表单。

要解决这个问题，您需要使用input type="button"而不是submit按钮，并将onclick添加到该按钮以显示提示。然后在需要时从$.prompt的回调函数提交表单。

票数 0

Stack Overflow用户

发布于 2014-10-28 00:09:51

试试这个：

<form action="create.php" method="post" onsubmit="openprompt">

票数 -2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26591789

复制

相似问题

问js未与onsubmit一起使用
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问js未与onsubmit一起使用EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问js未与onsubmit一起使用
EN