如何对表单中的文本框和多选下拉菜单进行验证

Question

我想在选择多重选择或输入不为空时提交表单。其中一个必须有价值。

<form action="">

<input id="id_keywordName" type="text" value="{{keyword}}" title="Type keyword name"></input>

<select id="id_selectedKeyword" name="id_selectedKeyword" multiple title="Can select multiple Keywords">
 {%  for id,keywords in keyword_dict.iteritems %}
 {% if keywords in  keyword_list %}     
 <option value="{{keywords}}" selected>{{keywords}}</option>        
{% else %}
<option value="{{keywords}}">{{keywords}}</option>
{% endif %}
 {% endfor %}

<button type="submit" id="tcgFormsave" name="Bulkeditbtn_id" title="Click to save form">Submit</button>
</select>    
</form>

Answer 1

$('#tcgFormsave').click(function(e){
        e.stopPropagation();
        if ($('#id_selectedKeyword option:selected') || $('#id_keywordName').val()) {
            $(this).closest('form').submit();
        }
    });

标记中也有错误：提交按钮位于选择器内。