如何一次验证文本框或浏览按钮？

Question

我对如何使用javascript或jquery验证input type=text或文本框或input type="file"一次上传文件有疑问？

1）如果选择文本框而不需要上传文件。 2）如果选择上传文件而不需要文本框。 3）两者

Answer 1

简单使用required属性

＆＃13;

＆＃13;

<form>
<input type="text" required="true">
<input type="file"  required="true">
<button type="submit">validate</button>
</form>

＆＃13;

＆＃13;

＆＃13;

或使用Javascript验证

<强>更新

＆＃13;

＆＃13;

$('button').click(function(){
 var a =$(".validate").map(function(){
  return $(this).val().trim() ? true : false
}).get()
if(a.includes(true)){
console.log('pass')
}
else{
console.log('select any one')
}
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="validate">
<input type="file" class="validate">
<button>validate</button>

＆＃13;

＆＃13;

＆＃13;

Answer 2

＆＃34;在继续操作之前，只需检查文件和文本框是否为空。＆＃34;

if(!$('input:text').val().trim() && !$('input:file').val().trim()){
alert('Enter required data');
}