Javascript JQuery on（“提交”）在第一次单击时未执行
我正在使用JQuery在提交表单后测试输入的大小：Javascript JQuery on（“提交”）在第一次单击时未执行,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我正在使用JQuery在提交表单后测试输入的大小： <!DOCTYPE html> <html lang="en"> <head> <title>Page 1</title> <meta charset="utf-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script&
<!DOCTYPE html>
<html lang="en">
<head>
<title>Page 1</title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<form method="post" action="essai.php">
<input type="text" name="mail" id="email" placeholder="mail"/><br />
<input type="submit" name="submit" value="Validate" />
</form>
<?php
if (isset($_POST['submit'])){
echo($_POST['mail']);
if(isset($_POST['mail'])){
$data=789;
}
}
?>
<script>
$(function(){
var data = <?php echo json_encode($data); ?>;
$("form").on("submit", function() {
if(data.toString().length < 4) {
alert(data);
return false;
}
});
});
</script>
</body>
</html>
第1页
$（函数（）{
var数据=；
$（“表格”）。在（“提交”，函数（）上{
if（data.toString（）.length<4）{
警报（数据）；
返回false；
}
});
});
谢谢首先，在JavaScript中嵌入PHP代码是非常不安全的。我想不出为什么要在客户端使用服务器端代码。另一种选择是，从PHP回显javascript代码，而不是相反 现在您的问题出现了，因为第一次加载页面时，没有发布任何内容。您有一些代码块，只有在发布某些内容后才会执行。如果您的PHP脚本可能显示错误，您将在第一次加载代码时看到一个
未定义变量 $data = 0; // Initialize variable here
if (isset($_POST['submit'])){
echo($_POST['mail']);
if(isset($_POST['mail'])){
$data=789;
}
}
因为当您第一次访问页面时，
var data$\u POST['submit']的值