將必填字段設置為“隱藏/顯示”切換

Question

我有一個切換功能，可以隱藏或不輸入文本。 我想在不隱藏的情況下設置必填項（但如果被隱藏，則不應設置為必需警報。

我嘗試將[required]和window.alert設置為一個ID，例如測試（見下文），但不起作用。 有什么建議如何解決這個問題？

非常感謝您的支持和反饋

<tr>
    <td>Ice: </td>
    <td><input id="test" name="test" type="text" size="40">
    <button class="test btn" type="button" onClick="$('#test').toggle();">Hide</button></td>
</tr>   

$(".test").click(function() { 
   var lable = $(".test").text().trim();

   if(lable == "Hide") {
     $(".test[required]").text("Show").css( "background", "yellow").css ("color", "black").css("padding","1px 12px")
     return window.alert('please fill out');
     $(".text").hide().css( "background", "orange").css ("color", "black").css("padding","1px 12px");
   }
   else {
     $(".test").text("Hide").css( "background", "orange").css ("color", "black").css("padding","1px 12px");
     $(".text[required]").show().css( "background", "yellow").css ("color", "black").css("padding","1px 12px")
     return window.alert('please fill out');
       }

  });   

Answer 1

您可以執行以下操作將其設置為必需：

$('.test').attr('required', '');

並刪除所需的，您可以執行以下操作：

$('.test').removeAttr('required');