Javascript 为什么在使用js jquery上传文件时，验证不能用于提交？
我有一个表单，其中有三个选择选项，company_one、company_two、company_two，每个选项都有一个字段，最初是隐藏的，但当我选择company one时，字段1显示，当我选择company two时，字段2显示，与company two相同，在company_one字段中有一个输入类型文件，第二个和第三个相同，我想验证，如果选择的文件不是jpg/png/jpeg，那么应该有一条消息，提示您应该选择正确的文件，对于每个选项字段都是一样的，我已经尝试过了，但验证不起作用Javascript 为什么在使用js jquery上传文件时，验证不能用于提交？,javascript,jquery,html,css,validation,Javascript,Jquery,Html,Css,Validation,我有一个表单，其中有三个选择选项，company_one、company_two、company_two，每个选项都有一个字段，最初是隐藏的，但当我选择company one时，字段1显示，当我选择company two时，字段2显示，与company two相同，在company_one字段中有一个输入类型文件，第二个和第三个相同，我想验证，如果选择的文件不是jpg/png/jpeg，那么应该有一条消息，提示您应该选择正确的文件，对于每个选项字段都是一样的，我已经尝试过了，但验证不起作用
<!DOCTYPE html>
<html>
<head>
<title>test7</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<form method="post">
<select class="form-control" id="next" name="type_of_org" onclick="getStatus(this.value)" required>
<option value="">Select</option>
<option value="company_one">company_one</option>
<option value="company_two">company_two</option>
<option value="company_three">company_three</option>
</select>
<div class="row">
<div id="type1" class="type_of_org" style="display:none">
<div class="col-md-4">
<label for="company_one">company_one</label>
<input type="file" class="form-control" id="ph1" name="company_one_pic">
<span id="pro1"></span>
</div>
</div>
<div id="type2" class="type_of_org" style="display:none">
<div class="col-md-3">
<label for="company_two">company_two</label>
<input type="file" name="company_two_pic" id="ph2" class="form-control">
<span id="pro2"></span>
</div>
</div>
<div id="type3" class="type_of_org" style="display:none">
<div class="col-md-4">
<label for="company_three">company_three</label>
<input type="file" class="form-control" id="ph3" name="company_three_pic">
<span id="pro3"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<button type="submit" name="submit" id="submit">Submit</button>
</div>
</div>
</form>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script >
function getStatus(a){
if($("#next").val()=="company_one"){
$('#type1').css('display','block');
$('#type2').css('display','none');
$('#type3').css('display','none');
}
if($("#next").val()=="company_two"){
$('#type1').css('display','none');
$('#type2').css('display','block');
$('#type3').css('display','none');
}
if($("#next").val()=="company_three"){
$('#type1').css('display','none');
$('#type2').css('display','none');
$('#type3').css('display','block');
}
}
</script>
<script>
$(document).ready(function(){
$("form").submit(function(){
var file = $("input:file");
if($("#next").val()=="company_one"){
if ($('#ph1').get(0).files.length === 0) {
alert("Please select company one file .");
return false;
}
}
if($("#next").val()=="company_two"){
if ($('#ph2').get(0).files.length === 0) {
alert("Please select company two file .");
return false;
}
}
if($("#next").val()=="company_three"){
if ($('#ph3').get(0).files.length === 0) {
alert("Please select company three file .");
return false;
}
}
if($("#next").val()=="343re"){
if ($('#ph3').get(0).files.length === 0) {
alert("Please select company 343 file .");
return false;
}
}
else{
alert('everything is okay');
}
});
});
</script>
</body>
</html>
测试7
挑选
第一公司
二连
三连
第一公司
二连
三连
提交
功能状态（a）{
if（$（“#下一步”）.val（）=“公司一号”）{
$（'#type1'）.css（'display'，'block'）；
$（'#type2'）.css（'display'，'none'）；
$（'#type3'）.css（'display'，'none'）；
}
if（$（“#下一步”）.val（）=“公司二号”）{
$（'#type1'）.css（'display'，'none'）；
$（'#type2'）.css（'display'，'block'）；
$（'#type3'）.css（'display'，'none'）；
}
if（$（“#下一步”）.val（）==“公司三”）{
$（'#type1'）.css（'display'，'none'）；
$（'#type2'）.css（'display'，'none'）；
$（'#type3'）.css（'display'，'block'）；
}
}
$（文档）.ready（函数（）{
$（“表格”）。提交（函数（）{
变量文件=$（“输入：文件”）；
if（$（“#下一步”）.val（）=“公司一号”）{
if（$（'#ph1'）.get（0.files.length==0）{
警报（“请选择公司一号文件”）；
返回false；
}
}
if（$（“#下一步”）.val（）=“公司二号”）{
if（$（'#ph2'）.get（0.files.length==0）{
警报（“请选择公司二档案”）；
返回false；
}
}
if（$（“#下一步”）.val（）==“公司三”）{
if（$（'#ph3'）.get（0.files.length==0）{
警告（“请选择公司三档案”）；
返回false；
}
}
if（$（“#next”）.val（）=“343re”）{
if（$（'#ph3'）.get（0.files.length==0）{
警报（“请选择公司343文件”）；
返回false；
}
}
否则{
警惕（“一切正常”）；
}
});
});
acceptaccept=“image/jpeg，image/png”