"<form onsubmit="function();">不管用"

Question

 $(function() { function make_alert() { var text = $('#text_').val(); \/\/let suppose it as true if (true) { alert("yes_text"); return false; } else { alert("no_text"); return false; } } });<\/code><\/pre>
 <script src="https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js"><\/script> <form method="post" action="#" onsubmit="return make_alert()"> <textarea id="text_"> <\/textarea> <button id="btn_submit" type="submit" name="type" value="create_first"> Submit <\/button> <\/form><\/code><\/pre>

This code is alerting when I click submit button.

Answer 1

The make_alert function is not "global" so it can't be found.

Here's one solution

  var make_alert = (function() { var text = $('#text_').val(); //let suppose it as true if (true) { alert("yes_text"); return false; } else { alert("no_text"); return false; } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form method="post" action="#" onsubmit="return make_alert()"> <textarea id="text_"> </textarea> <button id="btn_submit" type="submit" name="type" value="create_first"> Submit </button> </form> 

Answer 2

You can do it like this. Remove function from $(function() {

https://codepen.io/creativedev/pen/eKdrdK

function make_alert() {
    var text = $('#text_').val(); //let suppose it as true
    if (true) {
      alert("yes_text");
      return false;
    } else {
      alert("no_text");
      return false;
    }
  }

Answer 3

对我来说，这是因为我放置了阻止 onsubmit="" 的 required 属性

"