Fatal编程技术网
  • javascript/
  • Javascript AngularJS不使用常规表单

Javascript AngularJS不使用常规表单

javascript html css angularjs

Javascript AngularJS不使用常规表单,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,假设下面的代码将用户数据发送到python脚本。但是，submit按钮和表单都不起任何作用。 我已经在没有AngularJS的情况下测试了python脚本，它运行得非常好 经过一点测试，我发现，如果我只是删除ng应用程序的提交按钮将工作，但没有任何AngularJS材料（以外的md卡）。所以我怀疑ng应用程序可能会这么做 我也试着在脚本中移动ng应用程序，希望有所改变，但什么都没有改变 不幸的是，我不能发布python脚本，因为python脚本不是我的工作 我将脚本分为两部分，以防这样更容易阅读

假设下面的代码将用户数据发送到python脚本。但是，submit按钮和表单都不起任何作用。 我已经在没有AngularJS的情况下测试了python脚本，它运行得非常好

经过一点测试，我发现，如果我只是删除ng应用程序的提交按钮将工作，但没有任何AngularJS材料（以外的md卡）。所以我怀疑ng应用程序可能会这么做

我也试着在脚本中移动ng应用程序，希望有所改变，但什么都没有改变

不幸的是，我不能发布python脚本，因为python脚本不是我的工作

我将脚本分为两部分，以防这样更容易阅读

Javascript、CSS等等 

/*将主登录框居中*/
.completeCard
{
左边距：自动；
右边距：自动；
宽度：50%；
}
/*将引言文本居中*/
.引言
{
文本对齐：居中；
字体系列：“Fira Sans”，无衬线；
}
/*修改复选框*/
.复选框
{
垫面：1米；
字体系列：“Roboto”，无衬线；
}
/*居中标题*/
.md标题
{
文本对齐：居中；
}
var app=角度模块（'signIn'，['ngMaterial']）；
应用控制器（“inputController”，inputController）；
函数inputController（$scope，$mdDialog）
{
$scope.project={
评论：'评论'，
};
//当用户单击“提交”按钮时创建弹出窗口
$scope.showAlert=功能（ev）
{
$mdDialog.show
(
$mdDialog.alert（）
.parent（angular.element（document.querySelector（“#dialogContainer”））
.单击外侧以关闭（真）
//弹出警报框的标题
.title（'谢谢！'）
//警报框中出现的对话框
.textContent（“测试”）
.ariaLabel（'谢谢'）
//警报框的关闭按钮
.ok（'ok！'）
.目标事件（ev）
);
};           
}
身体部位


登录
登录
密钥
写在黑板上或询问代表
这是必需的
名称
名
这是必需的。
电子邮件
请使用您的学校电子邮件
您的电子邮件长度必须在5到100个字符之间，并且应该是有效的电子邮件地址。
所有专业按字母顺序排列
不是学生
专业一
专业2
加入邮件列表


$${response}
编辑 以下是没有AngularJS材质的效果

<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="UTF-8">
  <title>Sign-in</title>
  </head>
 <body>
  <h1>Sign-in</h1>
    <form method="post">
      Secret key: <input type="text" name="secret" value="$${secret}"/><br/>
      Name: <input type="text" name="name" value="$${name}"/><br/>
      Email: <input type="text" name="email" value="$${email}"/><br/>
      Major: <input type="text" name="major" value="$${major}"/><br/>
      <span style='width:300pt; float:left'>Add me to the CCDC team!</span>
          <input type="checkbox" name="add_c" $${ccdc_checked}/><br/>
      <span style='width:300pt; float:left'>Add me to the Cyber Defense Team mailing list!</span>
          <input type="checkbox" name="add_d" $${cdt_checked}/><br/>
      <span style='width:300pt; float:left'>Add me to the SIG-Sec mailing list!</span>
          <input type="checkbox" name="add_s" $${sec_checked}/><br/>

      <input type="submit" value="Submit"/><br/>
      <div style="color:red; font-size:20pt">$${response}</div> <br/>
  </form>
</body>
</html>


登录
登录
密钥：

名称：

电子邮件：

专业：

把我加入CCDC团队！


将我添加到网络防御团队邮件列表中！


将我添加到SIG Sec邮件列表中！




$${response}
您的表单需要一个操作

<form method="post" name="projectForm" action="urlOfYourPythonScript">
或者您需要在单击处理程序中执行http post。

您似乎没有将
submit
输入绑定到
showAlert
，或者我在这里遗漏了什么？您已经将按钮注释掉了。@AdrianBrand我注释掉了AngularJS Materials按钮，因为它不起作用，并将其替换为常规的ol“submit”按钮希望它能起作用……它没有起作用t@Searching我注释掉了连接到showAlert的按钮，这就是我评论Adrian Brand所说的同一个按钮。如果您不需要
showAlert
，那么可以安全地检查md卡是否有@AdrianBrand指出的
form
html标记，以便提交到您的php操作中。python脚本是一个自包含的web服务器没有AngularJS材质的脚本在没有action@SirSheep你没有抓住重点。服务器脚本完好无损，没有任何评论。关键是html
表单
上没有提交工作的
操作
。这就像有一张没有地址的明信片。明信片的内容、发送者或接收者都没有问题。它只是不知道去哪里。有关
表单
的更多信息，请阅读此内容。谢谢！我最后添加了
action=”“
。但是为什么它需要一个
操作
？之前制造的一个不需要一个。 
<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="UTF-8">
  <title>Sign-in</title>
  </head>
 <body>
  <h1>Sign-in</h1>
    <form method="post">
      Secret key: <input type="text" name="secret" value="$${secret}"/><br/>
      Name: <input type="text" name="name" value="$${name}"/><br/>
      Email: <input type="text" name="email" value="$${email}"/><br/>
      Major: <input type="text" name="major" value="$${major}"/><br/>
      <span style='width:300pt; float:left'>Add me to the CCDC team!</span>
          <input type="checkbox" name="add_c" $${ccdc_checked}/><br/>
      <span style='width:300pt; float:left'>Add me to the Cyber Defense Team mailing list!</span>
          <input type="checkbox" name="add_d" $${cdt_checked}/><br/>
      <span style='width:300pt; float:left'>Add me to the SIG-Sec mailing list!</span>
          <input type="checkbox" name="add_s" $${sec_checked}/><br/>

      <input type="submit" value="Submit"/><br/>
      <div style="color:red; font-size:20pt">$${response}</div> <br/>
  </form>
</body>
</html>

<form method="post" name="projectForm" action="urlOfYourPythonScript">