如何使用html输入必需属性来生成一组输入?

时间:2015-09-23 16:38:52

标签: javascript jquery html

对于以下输入类型:文本,网址,数字,复选框,广播和文件 在一个组中,我想要求表单提交中至少提供一个。是否可以删除所需的'当其中一个不为空时属性。我还想使用“占位符”'属性而不将其视为输入。 (我猜测浏览器会处理'占位符'没有提交)

<input type="text" name="TextInput1" id="TextInput1" value="" required>
<input type="url" name="urlInput1" id="urlInput1" value="" required>
<input type="number" name="numberInput1" id="numberInput1" value="" required>

这些是否需要以某种方式分组?我需要一个“改变”吗?处理程序?什么是最好的?

4 个答案:

答案 0 :(得分:0)

使用此jquery代码:

$("input").change(function() {
   $("input").attr("required", false);
});

您可以通过添加类来自定义它,而不是给类 “输入”。 您也可以自己进行验证,而不是使用浏览器的验证。 您可以通过添加到表单

来完成
onsubmit="return myValidation()"

您可以尝试使用验证库:
http://parsleyjs.org/
http://verifyjs.com/

答案 1 :(得分:0)

我认为这就是你想要的?

search_userinfo(username='test_user')

def search_userinfo(self, **kwargs):
    return UserInfo.query(**kwargs)

但这不是一个好方法

答案 2 :(得分:0)

这里你去:https://jsfiddle.net/DIRTY_SMITH/o6vhu9y4/

std::vector

答案 3 :(得分:0)

<强> Working Example

尝试此代码处理keyup上的事件,为示例类group_1中的每个组添加相同的类,并且每次用户在其中一个输入中点击某个键时检查其中一个不为空删除required属性:

HTML:

<input class='group_1' type="text" name="TextInput1" id="TextInput1" value="" required>
<input class='group_1' type="url" name="urlInput1" id="urlInput1" value="" required>
<input class='group_1' type="number" name="numberInput1" id="numberInput1" value="" required>

JS:

$('.group_1').keyup(function(){
    var removeRequired = false;

    $('.group_1').each(function(){
         if($(this).val()!="")
             removeRequired = true;
    });

    if(removeRequired)
        $('.group_1').removeAttr('required');
    else
        $('.group_1').attr('required', 'required');
});

希望这有帮助。