输入和javascript不工作时需要

我想在提交前设置一个必填项，但这不是我的想法吗？我可以谈谈JS吗？谢谢你的支持

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr><td><input type="text" size"30" placeholder="Text " maxlength="10" id="source" required>
<button type="submit" class="formButton" id="submit">Submit</button></td></tr>

<tr><td height="20px"></td></tr>                            
<tr><td><input type="text" style="border:none" size="40" id="target" class="form69" onClick="myFunct()"></td></tr>
<tr><td height="150px"></td></tr>   

<script>
$(".formButton").click(function() {
 $(".form69").show();
});
</script>

<script>
$('#submit').click(function(){
var source = $('#source').val();
$('#target').val('text test' + source + ' text');
}); 
</script> 

提交
$（“.formButton”）。单击（函数（）{
$（“.form69”）.show（）；
});
$（“#提交”）。单击（函数（）{
var source=$（'#source'）.val（）；
$（'#target'）.val（'text test'+source+'text'）；
}); 

表单字段必须位于

表单

元素内部

另外（仅供参考），您不需要为每个函数使用单独的

脚本
标记



提交
$（“.formButton”）。单击（函数（）{
$（“.form69”）.show（）；
});
$（“#提交”）。单击（函数（）{
var source=$（'#source'）.val（）；
$（'#target'）.val（'text test'+source+'text'）；
}); 
您没有表单标签。添加如下所示的表单标记：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<tr><td><input type="text" size"30" placeholder="Text " maxlength="10" id="source" required>
<button type="submit" class="formButton" id="submit">Submit</button></td></tr>
</form>

<tr><td height="20px"></td></tr>                            
<tr><td><input type="text" style="border:none" size="40" id="target" class="form69" onClick="myFunct()"></td></tr>
<tr><td height="150px"></td></tr>   

<script>
$(".formButton").click(function() {
 $(".form69").show();
});
</script>

<script>
$('#submit').click(function(){
var source = $('#source').val();
$('#target').val('text test' + source + ' text');
}); 
</script> 


提交
$（“.formButton”）。单击（函数（）{
$（“.form69”）.show（）；
});
$（“#提交”）。单击（函数（）{
var source=$（'#source'）.val（）；
$（'#target'）.val（'text test'+source+'text'）；
}); 
此脚本将显示我在文本填充中输入的任何内容的输出。如果我设置了一个表单，它会像重新加载页面一样提交到涅盘。这就是为什么没有形式是可能的？