相关疑难解决方法(0)

addEventListener vs onclick

addEventListener和之间有什么区别onclick

var h = document.getElementById("a");
h.onclick = dothing1;
h.addEventListener("click", dothing2);
Run Code Online (Sandbox Code Playgroud)

上面的代码一起存在于一个单独的.js文件中,它们都完美地工作.

javascript onclick addeventlistener

642
推荐指数
10
解决办法
50万
查看次数

用于停止表单提交的JavaScript代码

停止表单提交的一种方法是从JavaScript函数返回false.

单击提交按钮时,将调用验证功能.我有一个表格验证案例.如果满足该条件,我调用一个名为returnToPreviousPage()的函数;

function returnToPreviousPage() {
    window.history.back();
}
Run Code Online (Sandbox Code Playgroud)

我正在使用JavaScript和Dojo Toolkit.

而是回到上一页,它提交表单.如何中止此提交并返回上一页?

html javascript forms

187
推荐指数
8
解决办法
45万
查看次数

如何在提交按钮onclick事件中取消表单提交?

我正在开发一个ASP.net Web应用程序.

我有一个带有提交按钮的表单.提交按钮的代码如下所示<input type='submit' value='submit request' onclick='btnClick();'>.

我想写下面的内容:

function btnClick() {
    if (!validData())
        cancelFormSubmission();
}
Run Code Online (Sandbox Code Playgroud)

我该怎么做呢?

html javascript forms html-input

99
推荐指数
6
解决办法
26万
查看次数

使用JavaScript捕获表单提交

似乎有很多关于如何使用javascript提交表单的信息,但我正在寻找一个解决方案,以捕获何时提交表单并在javascript中拦截它.

HTML

<form>
 <input type="text" name="in" value="some data" />
 <button type="submit">Go</button>
</form>
Run Code Online (Sandbox Code Playgroud)

当用户按下提交按钮时,我希望提交表单,而是希望调用JavaScript函数.

function captureForm() {
 // do some stuff with the values in the form
 // stop form from being submitted
}
Run Code Online (Sandbox Code Playgroud)

快速入侵是为按钮添加一个onclick功能,但我不喜欢这个解决方案......有很多方法可以提交表单...例如,在输入时按回车键,这不考虑.

html javascript forms

68
推荐指数
4
解决办法
13万
查看次数

javascript或jquery下载大文件作为URI

我正在开发一个Web应用程序,它需要的一个功能是能够以交互方式下载相当大的文件 - 该文件在服务器上不存在 - 并且完全由从数据库动态加载的数据组成.

目前我正在使用以下代码(不会为你运行,但你可以得到这个想法),其中我添加了一个带文件名的文本框,然后隐藏文本区域包含json样式下载所需的所有文本,然后链接尝试URI下载的功能.

有趣的是,当在chrome中运行时,我得到一个页面,说URI太长而且不能正常工作等,但文件仍然被下载.

"提交的URI太大!请求的URL的长度超过了此服务器的容量限制.无法处理请求.如果您认为这是服务器错误,请联系网站管理员."

无论如何,令人烦恼的是:允许这些下载的页面使用来自上一页的post/get - 因此后退按钮不可用,因为它给了我们:

"确认表单重新提交此网页需要您之前输入的数据才能正确显示.您可以再次发送此数据,但这样做会重复此页面之前执行的任何操作."

page - 我喜欢做的是将这些URI下载产生到一个新选项卡中,因此不需要后退按钮,但添加目标空白没有帮助

另外,如上所述,我也有一个"全部下载"的功能 - 这对我来说是在xampp服务器上本地运行的东西,在谷歌浏览器上 - 然而那些我正在建立应用程序报告按钮不适合他们(他们在使用safari的Mac上,没有机会亲自看到这个并收集信息 - 所以虽然我没有用我有限的信息预期答案,我希望有人可能有一个想法!)

码:

< script >
  function download(filename, text) {
    var element = document.createElement('a');
    element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
    // I tried addin this but no new tab appeared!
    //element.target = "_blank:";
    element.setAttribute('download', filename);

    element.style.display = 'none';
    document.body.appendChild(element);

    element.click();

    document.body.removeChild(element);
  }

function download_all() {
  var nameElements = document.getElementsByName("name");
  var valueElements = document.getElementsByName("text");

  for (i = 0; i < nameElements.length; i++) { …
Run Code Online (Sandbox Code Playgroud)

javascript jquery uri download

7
推荐指数
1
解决办法
2860
查看次数

如何有条件地提交表格?

我在动态 html 页面中使用以下表单和提交按钮。

<form method=\"post\" class=\"my-form\" >

<input type=\"submit\" name=\"submitButton\" value=\"Submit\" id=\"button1\" />

我想做的是,当用户提供特定输入时,然后显示一个警告框,询问用户是否想要提交更改或只是停留在同一页面而不提交更改。

我可以显示警报框(在 stackoverflow 成员的帮助下),但与 window.alert 一起我应该添加到 JavaScript 中,这样如果用户在 window.confirm 上单击“取消”,则不会提交表单;如果用户单击“”,则不会提交表单确定”窗口上确认?

JavaScript 示例位于fiddle

$(document).on('input', '.my-input', function(){
    $(this).closest('form').addClass('changed');
});

$(document).on('submit', '.my-form', function(e){
    if($(this).hasClass('changed')){
     var x=window.confirm("You have set a unique threshold for one or more states below. Are you sure you want to reset them all?")
    if (x)
        window.alert("Thresholds changed!")
    else
        window.alert("Thresholds not changed!")
    } 
    $(this).removeClass('changed');
    e.preventDefault();
});
Run Code Online (Sandbox Code Playgroud)

html javascript forms jquery

1
推荐指数
1
解决办法
1882
查看次数

将日期和时间添加到隐藏的输入值

我正在尝试记录用户提交表单的日期和时间。

我需要在隐藏字段中捕获日期和时间。

我创建了一个显示日期和时间的函数,但我无法将其放入隐藏的输入值中。

这是我目前一直在尝试的方式。

function dateTime() {
  new Date($.now());
}

$("#DateTime").attr("value", dateTime());
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="DateTime" name="DateTime" type="" value="">
Run Code Online (Sandbox Code Playgroud)

关于我可能出错的地方的任何建议或想法都会很棒。

提前致谢!

html forms jquery

-1
推荐指数
1
解决办法
77
查看次数