代码之家 › 专栏 › 技术社区 › Josh K

jquery操作表单

forms jquery php

-2

Josh K · 技术社区 · 15 年前

出于某种原因,这并没有改变论坛的行动。我有一些代码可以在单击按钮时更改窗体的操作:

    function changeForm(event){
    alert("Before: "+jQuery("#franchiseform").attr("action"));
    jQuery("#franchiseform").attr("action", "franchisepreview.php");
   alert("After: "+jQuery("#franchiseform").attr("action"));
    jQuery("#franchiseform").submit();
    }

装订:

    jQuery("input.preview").bind("click", changeForm);

形式:

<form method="post" enctype="multipart/form-data" action="franchiseinsert.php" class="insert-new" id="franchiseform">

按钮:

<input type="button" value="Preview" id="preview" name="preview" id="preview" class="preview" /><input type="submit" value="Insert" />

3 回复 | 直到 15 年前

ryanulit 15 年前

首先,你需要清理

<input type="button" value="Preview" id="preview" name="preview" id="preview" class="preview" />

到:

<input type="button" value="Preview" id="preview" name="preview" />

作为输入不应具有多个ID属性,也不应使用具有相同名称的类和ID。这可能是你有问题的原因之一。然后我使用了以下代码,操作URL实际上正在更改:

<html>
<head>
    <title></title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {

            $("#preview").bind("click", changeForm);

            function changeForm(event){
                alert("Before: "+ $("#franchiseform").attr("action"));
                $("#franchiseform").attr("action", "franchisepreview.php");
                alert("After: "+ $("#franchiseform").attr("action"));
                $("#franchiseform").submit();
            }   
        });
    </script>

</head>
<body>
    <form method="post" enctype="multipart/form-data" action="franchiseinsert.php" class="insert-new" id="franchiseform">
        <input type="button" value="Preview" id="preview" name="preview" />
        <input type="submit" value="Insert" />
    </form>
</body>
</html>

Cryophallion 15 年前

除非去掉了太多内容,否则看起来您需要将“after”调用放入名为“changeform”的函数中,该函数正是您绑定到click事件的函数。

否则,请继续链接:

jQuery("input.preview").bind("click", function(){
    jQuery("#franchiseform").attr("action", "franchisepreview.php"));
    jQuery("#franchiseform").submit();
});

Josh K 15 年前

事实证明,这是一个特定于Firefox/Mac的bug。它可以在其他平台和浏览器上工作,但由于某种原因,不能在这个特定的计算机上工作。可能是扩展冲突或其他问题,我只需要使用其他浏览器。

推荐文章

Jan Wolfram · useFieldArray不能赋值给never类型

5 月前

Mustafa Gemsiz · 我希望它在应用程序继续运行的同时进行ffmpeg转换

6 月前

Ankit Bhardwaj · Angular Form Group未清除条件验证器错误

6 月前

Leonardo Cavalcante · Svelte 5:当对图像使用条件渲染时,表单在页面加载时短暂出现然后消失

6 月前

Gregory Rothstein · Laravel 11表单数据未传递到电子邮件模板

10 月前

Chris · jQuery多种形式。需要在“提交”时捕获$(this)表单

10 月前

girdeux · Django:在Form的init方法中使用小部件?

10 月前

Antarctica-UFO · 我想防止输入中出现数字和特殊字符,强制将字符放在第一个位置

10 月前

Charlie · 为什么我的复选框和单选按钮的间距很奇怪?

10 月前

Richard T · 我如何将文本区域的内容与动态生成的名称相关联,以便在发布时可以获取它,并且可以通过<button>预先启动?

11 月前