下拉javascript / jquery表单验证调试帮助需要

时间:2011-07-21 08:53:46

标签: javascript jquery validation

我有以下jsfiddle设置:

http://jsfiddle.net/xCCA2/

基本上,当提交表单时,将验证大小选择下拉列表以确保已进行选择。如果选择了有效大小,则会过帐表单。

如果选择无效,则应弹出警告框“已选择无效大小”。

我可以帮忙调试一下吗。

Nb:页面上会有很多表单,并且更喜欢使用类而不是id,还有一些注释掉的html,表单已经设置了一个类,这可以工作,但表单中的任何内容都可以点击,这是我不想要的。只有按钮才能触发验证。

谢谢

2 个答案:

答案 0 :(得分:0)

试试这个

$(".wq").live( "click", function () {
    alert("test");
   if($("select").val()!="")
       alert("not empty");
    else{
        alert("select a val");
    return false;
}
       // $(this).submit();    
 });

http://jsfiddle.net/xCCA2/4/

答案 1 :(得分:0)

看这里

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

添加

<script type="text/javascript" 
src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js"></script>

并且需要选择

<select required

DEMO HERE