【问题标题】:Form action with url and javascript带有 url 和 javascript 的表单操作
【发布时间】:2017-12-20 09:33:07
【问题描述】:

我想链接到不同网页上的表单,但我也想提交同一个表单,其中包含我自己表单中的数据。

我尝试链接并提交的表单具有 Javascript 操作。有什么方法可以将我的提交按钮链接到该页面,并在该页面上执行 javascript 操作?

这是我想“链接”/提交到的表单:

<form action="javascript:checkUser()" method="post">

这是我的小表格:

<form action="http://linkto.thefo.rm/check/" method="POST" target="framestart">
<input class="field" id="gegevens" type="text" size="23" name="gegevens" value=""/>                                 
<input onclick="javascript: svtabs.expandit(0);" type="submit"  value="Zoeken"/>
</form>

如您所见,我已经使用了 onclick 功能。我认为只需从其他页面添加 checkUser() 函数就可以了。但它没有。

将表单操作更改为 url 后跟 checkUser() 也不起作用。

链接到表单并提交相同表单以执行 javascript 函数 checkUser() 的正确方法是什么?

【问题讨论】:

    标签: javascript forms


    【解决方案1】:

    您必须使用onsubmit,而不是使用action,因为这将是form 的事件。

    <form onsubmit="checkUser(); return false;" method="post">
    

    如果您通过 AJAX 做所有事情 - 将数据发送到服务器和其他东西,请使用上述方法。

    如果您正在处理checkUser() 中的后续步骤并最终以传统方法提交表单,请使用:

    <form onsubmit="return checkUser();" method="post">
    

    在上述方法中,如果验证失败则需要return false,如果验证成功则需要true,并且您很乐意发送表单。

    【讨论】:

    • 感谢您的快速响应。但是由于我在另一个页面上的表单上调用 checkUser(),我如何指定带有 checkUser 功能的表单的 url? onsubmit="action='linkto.thefo.rm/check'; 返回 checkUser();"类似的东西?
    • @PeterBuring 你不能那样做。
    • 我担心这不可能..感谢您的回复
    猜你喜欢
    • 1970-01-01
    • 2010-09-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-11-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多