在我的web应用程序中,我们使用了twitter引导主题。我必须对我的应用程序中的一个表单进行客户端验证。该表单包括文本字段、复选框和多选择下拉列表。我可以验证textfield和复选框,但不能验证下拉列表。
<select id="users" name="username[]" class="chzn-select span2" multiple="multiple">
<option value="sdfsd">sdfsdfs</option>
....
</select>
但是在运行时,select标记是隐藏的,它们生成<li>
标记。我不能使用document.getElementByID();
请给我提供最好的方法来做验证。
发布于 2013-12-05 11:06:44
尝尝这个
HTML
<form action="#">
<select id="users" name="username[]" class="chzn-select span2" multiple="multiple">
<option value=""></option>
<option value="sdfsd">sdfsdfs</option>
....
</select>
<input type="submit" id="add_btn">
</form>
脚本
$('#add_btn').on('click', function(e) {
if($('#users').val() == null && $('#users_chosen').is(':visible')) {
alert('You must choose division');
}
});
演示
或
$(function(){
$('form').submit(function(){
var options = $('#users > option:selected');
if(options.length == 0){
alert('no value selected');
return false;
}
});
});
演示
发布于 2013-12-05 11:44:55
//You can use Js for this
var ptype=document.getElementById('username').options[document.getElementById('username').selectIndex].value;
if(ptype=""){
document.getElementById('username').style.display='none';
alert('Please select field');
document.getElementById('username').focus();
return false;
}
https://stackoverflow.com/questions/20397105
复制相似问题