jQuery 达人快出现。。。

atransformer

$(".uc_withdrawDetail  :input").focus(function () {
        //make sure at least one product has been selected
        if ($("input[type=radio]:checked").length == 0) {
            alert('Please select a product first!' + this.name);
            $("#TextBox_NameofPersonCompletingForm").focus();
            return;
        }
    });

死循环了，何解？

pengzhao

眼花了。。。。

porcorosso

1. $("input[type=radio]:checked").length

复制代码

这个好像是选了页面所有的input,不是.uc_withdrawDetail里头的。。。

atransformer

原帖由 porcorosso 于 2012-1-4 10:53 发表
$("input[type=radio]:checked").length这个好像是选了页面所有的input,不是.uc_withdrawDetail里头的。。。

这个可以确定，是.uc_withdrawDetail里头的

fnever

反复触发了focus了呗

atransformer

原帖由 fnever 于 2012-1-4 10:55 发表
反复触发了focus了呗

就是想知道怎么实现啊。

如果用户选择企图填写 withdraw 细节，必须先选择一个产品。

porcorosso

1. $(".uc_withdrawDetail  :input").focus(function () {
   
2.         //make sure at least one product has been selected
   
3.         if ($("input[type=radio]:checked").length == 0) {
   
4.             alert('Please select a product first!' + this.name);
   
5.             $("#TextBox_NameofPersonCompletingForm").focus();
   
6.             return;
   
7.         }
   
8.     });

复制代码

看到了，你在focus时，如果length=0你手动focus了里头的textbox，所以死循环了

atransformer

原帖由 porcorosso 于 2012-1-4 10:57 发表
$(".uc_withdrawDetail  :input").focus(function () {
        //make sure at least one product has been selected
        if ($("input[type=radio]:checked").length == 0) {
            alert('Please selec ...

$("#TextBox_NameofPersonCompletingForm") 不在 uc_withdrawDetail  里面

porcorosso

典

不要Alert可能好些
我猜
因为Alert完了，点OK,又自动回去到Focus, 又Alert,点OK,又自动回去到Focus, 又Alert,点OK,又自动回去到Focus, 又Alert,
。。。。

[ 本帖最后由 典 于 2012-1-4 10:26 编辑 ]

鱼羊鲜

代码太少 都靠猜

atransformer

原帖由 鱼羊鲜 于 2012-1-4 11:20 发表
代码太少 都靠猜

恩

无视

你的$("#TextBox_NameofPersonCompletingForm")也是selector $(".uc_withdrawDetail  :input")其中的一个

atransformer

原帖由 无视 于 2012-1-4 16:23 发表
你的$("#TextBox_NameofPersonCompletingForm")也是selector $(".uc_withdrawDetail  :input")其中的一个

不是

nick_sun

alert('Please select a product first!' + this.name);
            $("#TextBox_NameofPersonCompletingForm").focus();

这两行注释掉一行试试，锁定问题出现的地方。

lilibet

$(".uc_withdrawDetail  >input").focus(function () {
or
$(".uc_withdrawDetail").filter(":input").focus(function () {

dcc82

我是来歪个楼的
我觉得在web development领域中, 使用alert来提示信息是非常古老和落后的方法, 它可能方便了程序员, 但从usability角度讲, alert绝对是最糟糕最烂的, 因为它干预了用户的访问体验, 用户往往不得不点击确认来继续, 这是非常可怕的. 很容易造成browser的假死.
使用modal dialog来代替alert是目前最好的解决方法

atransformer

经过试验。
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$(".uc_withdrawDetail  >input").focus(function () {
or
$(".uc_withdrawDetail").filter(":input").focus(function () {
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
以上，无法找到input

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
不要Alert
$(".uc_withdrawDetail  :input").focus(function () {
        //make sure at least one product has been selected
        if ($("input[type=radio]:checked").length == 0) {
            //alert('Please select a product first!' + this.name);
            $("#TextBox_NameofPersonCompletingForm").focus();
            return;
        }
    });
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
以上，可以看到TextBox_NameofPersonCompletingForm 不停地onfocus,还是死循环。

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    $(".uc_withdrawDetail  :input").focus(function () {
        //make sure at least one product has been selected
        if ($("input[type=radio]:checked").length == 0) {
            alert('Please select a product first!' + this.name);
            //$("#TextBox_NameofPersonCompletingForm").focus();
            return;
        }
    });

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
以上，一切正常。看了即使$("#TextBox_NameofPersonCompletingForm").focus();， jquery 还是要企图完成focus。

porcorosso

原帖由 atransformer 于 2012-1-5 09:53 发表
经过试验。

确定"#Textbox_" 不在 “.uc_withdrawDetail” 里面？ 还是uc_withdrawDetail重复使用而不知情？

死循环确定了我昨天第一个概念。。。forced focus + when focus do something。。。所以你的最后一个coding是work的

[ 本帖最后由 porcorosso 于 2012-1-5 10:00 编辑 ]

rainmore

不知道是不是scope 的问题，$('ID', scope)。你可以试试看

atransformer

原帖由 rainmore 于 2012-1-5 12:57 发表
不知道是不是scope 的问题，$('ID', scope)。你可以试试看

啥意思？

rainmore

最好把你的dom的关系也发上来。
假设 $(".uc_withdrawDetail  :input") 是所有<input type="radio" class="uc_withdrawDetail" /> 这里有performance 问题。
“Because :input is a jQuery extension and not part of the CSS specification, queries using :input cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method. To achieve the best performance when using :input to select elements, first select the elements using a pure CSS selector, then use .filter(":input").”
http://api.jquery.com/input-selector/
其次，用focus也有问题，当你用tab键时，input可以focus但不会被checked
还有，if ($("input[type=radio]:checked").length == 0) {会把页面上所有的input：raido都选中，按照上面的假设的话 应该是$('input.uc_withdrawDetail :checked')
最后，不是scope，而是context http://api.jquery.com/jQuery/

典

估计LZ所说的 input不是 radio的，

validation的思路是很有意思的，还有一种思路是把validation放在"#TextBox_NameofPersonCompletingForm， 除非"#TextBox_NameofPersonCompletingForm 有合适的值，否则让用户没有机会focus 到uc_withdrawDetail  :input, 一了百了

atransformer

原帖由 典 于 2012-1-5 15:16 发表
估计LZ所说的 input不是 radio的，

validation的思路是很有意思的，还有一种思路是把validation放在"#TextBox_NameofPersonCompletingForm， 除非"#TextBox_NameofPersonCompletingForm 有合适的值，否则让用户没有机会focus 到uc_withdrawDetail  :input, 一了百了

跟#TextBox_NameofPersonCompletingForm没啥关系。 有一个 radiobutton list , 必须选一个。