使用JavaScript提交特定的表单按钮

Using JavaScript to submit a particular form button

本文关键字：表单 按钮 JavaScript 提交 使用      更新时间：2023-09-26

作为QANTM的一名大学生，我经常使用其门户系统来检查与我的学习相关的信息。然而，该网站使用了一个特定的系统，无法在移动浏览器等小分辨率上查看。

我正在开发一个小型的个人应用程序，它应该允许我在自己的格式化视图中查看网站的内容。但是，我在执行JavaScript提交凭据时遇到了一些问题。

<form id="userslogin" method="post" action="javascript: saePortal.users.submitLogin();"     onsubmit="return false" class="x-hidden">
<input type="text" id="username" name="username" />
<input type="password" id="password" name="password" />
<button type="submit" id="submit" value="Login" class="x-hidden" /></button>
</form>

这基本上就是门户网站的表单结构，我可以使用成功地更改用户名和密码字段，其中包含我想要的内容

document.forms[0].username.value = 'text';

但是，我无法提交结果。我在网上做了一些搜索，这不是一个简单的提交表格的问题。它会刷新页面。

document.forms[0].submit();

我也尝试过一些非标准的兼容代码，比如document.forms[0].submit.click（）；以及它的许多变体，以及使用getElementById时运气不佳。

有问题的网站https://portal.qantm.com.au/.我不确定这是网站内置的一种保护形式，还是我只是使用了错误的语法。

如果浏览器支持，您可以使用JavaScriptFormData类。

var fd = new FormData();
fd.append("username", username);
fd.append("password", password);

然后，您可以使用jQuery或其他东西发布此消息。

$.ajax({
   url: portalurl,
   type: 'POST',
   data: fd,
   contentType: false,
   processData: false,
   success: function(data){
      console.log(data);
   }
});

更改表单标记中的属性onsubmit="return true"。

相关文章：