如何处理“输入是不可聚焦的”在javascript表单验证?
P粉208469050
P粉208469050 2023-08-01 19:38:54
[HTML讨论组]

我有这个控件


<div class="conico">
  <input class="form-control" readonly id="fileName"/>
  <input class="form-control" type="file" style="display:none;" required="xxx" id="fileSelect"/>
  <label for="xxx" class="ico">
    <img src="/images/icocamera.svg">
  </label>
</div>


我想用文件名填充文本框。在上面的代码中,每个文件都有一个图标。当按下图标时,相应的文件名应该填充到输入中。

这工作得很好,但是,当用户没有选择一个文件,然后提交他们得到一个错误:


input is not focusable

如何使用自定义javascript函数处理此错误?

P粉208469050
P粉208469050

全部回复(1)
P粉897881626

fileName needs required = true,而不是文件选择器。

然后你可以这样做:


$( "form" ).on( "submit", function( event ) {
  if ( $( "#fileName" ).val() ) {
    return;
  }
 
  console.log('not valid')
  event.preventDefault();
} );
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号