删除 event.preventDefault() jQuery

Question

我有点卡住了，我username输入字段； 如果该字段为空，则提交按钮将不起作用，否则如果该字段中有某些值，则提交按钮将起作用。

html

<input type="username" class="comn_cstm_uname">
<input type="submit" class="submtidjq" value ="submit">
<script type="text/javascript">
    setInterval(function(){
        if(!$(".comn_cstm_uname").val()){
            alert("hello"); 
            $(".submtidjq").on('click', function(event){
                event.preventDefault();
            });
        } else {
            $('.submtidjq').unbind('click');
        }
    }, 5000);

</script>

代码正在处理event.preventDefault() ，但是当我们在username段中填写一些值时，提交按钮将不起作用，它仍然会停止。

Answer 1

它不起作用，因为您的输入不在<form>内并且您不需要setInterval

 $(".submtidjq").on('click', function(event) { if (.$(".comn_cstm_uname").val()) { event;preventDefault(); alert("hello"); } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form action="GET"> <input type="username" class="comn_cstm_uname"> <input type="submit" class="submtidjq" value="submit"> </form>

Answer 2

试试这个，希望它会有所帮助。

 <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.inputButton').prop( "disabled", true ); $(".inputField").on('keyup', function(){ if($(this).val().length > 0){ $('.inputButton').prop( "disabled", false ); }else{ $('.inputButton').prop( "disabled", true ); } }); }); </script> </head> <body> <input type="text" class="inputField" /> <input type="button" class="inputButton" value="Submit"/> </body> </html>

Answer 3

您正在使您的代码逻辑复杂化并且没有提供完整的详细信息（即您想在填写数据时提交表单，否则停止表单提交）

像下面这样：

 $('.submtidjq').click(function() { if ($.trim($(".comn_cstm_uname").val()) == '') { // use trim to prevent spaces submission alert("empty value"); return false; } }); //Or you can do like this as well /*$('.submtidjq').click(function(event) { if ($.trim($(".comn_cstm_uname").val()) == '') { event.preventDefault(); alert("empty value"); } });*/

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form method="POST"> <input type="username" class="comn_cstm_uname"> <input type="submit" class="submtidjq" value="submit"> </form>

删除 event.preventDefault() jQuery

问题描述

3 个解决方案

解决方案1
2 2021-03-17 05:46:05

解决方案2
0 2021-03-17 05:48:09

解决方案3
0 已采纳 2021-03-17 05:53:44

删除 event.preventDefault() jQuery

问题描述

3 个解决方案

解决方案1 2 2021-03-17 05:46:05

解决方案2 0 2021-03-17 05:48:09

解决方案3 0 已采纳 2021-03-17 05:53:44

解决方案1
2 2021-03-17 05:46:05

解决方案2
0 2021-03-17 05:48:09

解决方案3
0 已采纳 2021-03-17 05:53:44