<表单提交= "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;
}
}
});

<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>

当我单击提交按钮时，此代码会发出警报。

我在 htmlform标签中写了onsubmit，但它似乎不起作用。

我该怎么做？

我想要的是我可以在form post之前处理一些东西。所以我想我需要这些功能。

Answer 1

make_alert 函数不是"全局"的，因此找不到它。

这是一个解决方案

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

你可以这样做。从 $(函数(( { 中删除函数

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="的必需属性