Question

我在html中有这个表格

<form class="form-horiz" role="form" action="" >
    <div class="form-group-1" style="margin-left:5px">
      <div class="col-sm-10">          
        <input type="text" class="form-control" id="adsend" placeholder="Enter your ad"  >
      </div>
    </div>
    <div class="form-group-1">        
      <div class="col-sm-offset">
        <button type="submit" class="btn btn-default" name="send" id="send" >Send</button>
         <button type="submit" class="btn btn-default" value="classify">Classify</button>
      </div>
    </div>
  </form>

我需要做的是：用户将在文本中写一些内容，点击分类按钮后，js消息会显示给用户并显示一些结果，是否可以在{{{{{{ 1}}还是有另一种方法可以做到这一点？

Answer 1

如果您愿意，可以使用事件侦听器进行按钮点击，而不是使用表单操作。查看this文档，希望它能为您提供帮助！我建议这样的事情：

<form class="form-horiz" role="form" action="" >
    <div class="form-group-1" style="margin-left:5px">
      <div class="col-sm-10">          
        <input type="text" class="form-control" id="adsend" placeholder="Enter your ad"  >
      </div>
    </div>
    <div class="form-group-1">        
      <div class="col-sm-offset">
        <button type="submit" class="btn btn-default" name="send" id="send" >Send</button>
         <button id="classify" type="submit" class="btn btn-default" value="classify">Classify</button>
      </div>
    </div>
  </form>

然后在一些js文件中有这个

document.getElementById("classify").addEventListener("click", function () {
  // do some js stuff here
});

编辑：另一个替代方法是使用onclick属性，该属性也记录在我之前发布的链接中，但这有点陈旧，并且您的函数必须在全局范围内命名，并且它不是一般来说真是个好主意。我和一个事件听众一起去了！

Answer 2

我建议你在你的应用程序中添加jQuery。它使您的生活更轻松。

Check this https://jsfiddle.net/dqwLv8q7/

我在你的按钮中添加了id并将其设为preventDefault（），因为当你设置它时，它会激活我们提交表单的动作＆＃34; type = submit＆＃34;。所以你的＆＃34;分类＆＃34;点击按钮现在只显示带有＆＃34; adsend＆＃34;的价值的提醒消息。 ID输入值。您可以考虑使用其他标记，并将其替换为您的用户的消息。

如何从html动作中显示js消息

2 个答案: