jquery focus问题

悬赏园豆：80 [已关闭问题]

Code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <script type="text/javascript" src="../../Content/jquery-1.2.6.min.js"></script>
    
    <script>
        $(function() {
            $("#Mail").blur(function() {
                chkMail();
            }); 

            $("#form1").submit(function() {
                return chkMail() == false;
            });
            $("#Mail").focus(); 
        });
        function chkMail() {
            var isErr = false;
            if (!$("#Mail").val().match(/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/)) {
                $('#MailImg').html("<img src='../../Content/exclamation.gif' />");
                $('#MailMsg').html("邮件地址格式不对").attr("style", "color:red;");
                isErr = true;
            }
            else {
                $('#MailImg').html("");
                $('#MailMsg').html("");
            }
            return isErr;
        }
    </script>

<title>

</title></head>
<body>
    <div>
    
        
    <form id="form1" action="/Forgot/Step1" method="post">
    <li>请输入邮箱：
        <input id="Mail" name="Mail" type="text" value="" /><span id="MailImg"></span><span id="MailMsg"></span>
    </li>
    <li>
        <input type="Submit" name="Next" id="Next" value="下一步" />
    </li>
    </form>

    </div>
</body>
</html>

这里的focus第一次载入好像没有焦点，再刷新一次又有了，为什么哈

.NET技术 C#

lexus | 初学一级 | 园豆：0
提问于：2008-10-05 01:22

< >

其他回答(3)

应该是DOM加载的问题，你试着把那个事件放到onload里去，应该是没有问题的

或者把那段JS代码放到页面的最后，而不是现在这个靠前的位置，应该也可以

丁学 | 园豆：18730 (专家六级) | 2008-10-05 09:41

楼上正解

张荣华 | 园豆：2020 (老鸟四级) | 2008-10-06 13:09

把那个.focus()写进

Code
$(function(){
    $("#form1").focus();
});

应该就没问题了

JimLiu | 园豆：300 (菜鸟二级) | 2008-10-06 22:45

$("#Mail")[0].focus();

山坡上的牧羊人 | 园豆：198 (初学一级) | 2011-02-25 11:18

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。

jquery focus问题

欢迎，请先登录或者注册。