将必填字段设置为隐藏/显示切换

时间:2018-06-06 23:56:49

标签: javascript jquery

我有一个切换功能,可以隐藏输入文本。 我希望在没有隐藏的情况下设置一个必需项(但是如果它被隐藏,则不应该要求警告。

我尝试将[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');
       }

  });   

1 个答案:

答案 0 :(得分:1)

您可以执行以下操作将其设置为必需:

'Domenico'

要删除所需的内容,您可以执行以下操作:

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