文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
首页 > 后端开发 > php教程 > 正文

javascript - ①$("#userName")[0]中的这个【0】表示什么意思呀？

php中文网
发布： 2016-06-06 20:15:58
原创
2213人浏览过

function check_form(){
    usernameObj = $("#userName")[0];
        //window.alert(usernameObj.value); //show usernameObj=[object HTMLInputElement]
    var language = $("#choose_language").val();
    if(usernameObj.value==''){
        showWarningMsg("<?php echo $L['enter_you_user_name']; ?>");
        return false;
    }
    pwdObj = $("#password")[0];
    if(pwdObj.value==''){
        showWarningMsg("<?php echo $L['enter_you_user_password']; ?>");
        return false;
    }
    var yanzheng = $("#user_varify").val();
    if(yanzheng==""&&yanzheng.length!=4){
        showWarningMsg("<?php echo $L['enter_you_user_yz']; ?>");
        return false;
    }
    requestUrl = formatAjaxUrl("std-index.php");
    $.post(requestUrl, {"language":language,"action":"login_in","username":usernameObj.value, 
                        "password": hex_md5(pwdObj.value)+"<?php echo $_SESSION["salt"]; ?>", 
                        "choose": document.getElementById("checkednames").value, 
                        "remember": "0","yanzheng":yanzheng},
             function(data, textStatus)  
            {  
        if (textStatus=="success") {
            errorCode = getErrorCode(data);
            switch (errorCode) {
                  case 0:
                      window.location = "<?php echo HOME_URL; ?>";
                      break;
                  case 1: 
                  case 2:
                      showWarningMsg("<?php echo $L['user_password_not_match']; ?>");
                      break;
                  case 3:
                      showWarningMsg("<?php echo $L['MSG_ERROR_LOCK']; ?>");
                      break;
                  case 4:
                      userHasLogin("<?php echo $L['MSG_ERROR_RELOGIN']; ?>");
                      break;
                case 5:
                      showWarningMsg("<?php echo $L['user_yz_not_match']; ?>");
                      refresh_img();
                      break;
                  case 6:
                      showWarningMsg("<?php echo $L['user_yz_outtime_login_agin']; ?>");
                      refresh_img();
                      break;
                  case 9: 
                      break;    
                  case 10: // admin & license doesn't exist
                      window.location = "i2/wizard/wiz_license.php";
                      break;
                  case 11: // admin & notice something
                      window.location = "i2/wizard/wiz_notice.php";
                      break;
                  case 12: // non-admin user & license doesn't exist
                      showWarningMsg("<?php echo $L['SW_LICENSE_UNREGISTER']; ?>");
                      break;
                  case 13: // non-admin & trial license expired
                      showWarningMsg("<?php echo $L['SW_LICENSE_EXPIRED']; ?>");
                      break;
                  case 20: // upgrade database fail
                      errorMsg = getErrorMsg(data);
                      showWarningMsg("<?php echo $L['MSG_ERROR_DB_CHECK_FAIL']; ?>" + errorMsg);
                      break;
                  case 99: 
                      errorMsg = getErrorMsg(data);
                      showWarningMsg( errorMsg );
                      break;
              }
        }
    }); 
    return false;
}
登录后复制
登录后复制

①$("#username")[0]中的这个【0】表示什么意思呀？
②函数最后加了一个return false；它的作用是什么呢？能否省略？
请大神赐教！

回复内容：

function check_form(){
    usernameObj = $("#userName")[0];
        //window.alert(usernameObj.value); //show usernameObj=[object HTMLInputElement]
    var language = $("#choose_language").val();
    if(usernameObj.value==''){
        showWarningMsg("<?php echo $L['enter_you_user_name']; ?>");
        return false;
    }
    pwdObj = $("#password")[0];
    if(pwdObj.value==''){
        showWarningMsg("<?php echo $L['enter_you_user_password']; ?>");
        return false;
    }
    var yanzheng = $("#user_varify").val();
    if(yanzheng==""&&yanzheng.length!=4){
        showWarningMsg("<?php echo $L['enter_you_user_yz']; ?>");
        return false;
    }
    requestUrl = formatAjaxUrl("std-index.php");
    $.post(requestUrl, {"language":language,"action":"login_in","username":usernameObj.value, 
                        "password": hex_md5(pwdObj.value)+"<?php echo $_SESSION["salt"]; ?>", 
                        "choose": document.getElementById("checkednames").value, 
                        "remember": "0","yanzheng":yanzheng},
             function(data, textStatus)  
            {  
        if (textStatus=="success") {
            errorCode = getErrorCode(data);
            switch (errorCode) {
                  case 0:
                      window.location = "<?php echo HOME_URL; ?>";
                      break;
                  case 1: 
                  case 2:
                      showWarningMsg("<?php echo $L['user_password_not_match']; ?>");
                      break;
                  case 3:
                      showWarningMsg("<?php echo $L['MSG_ERROR_LOCK']; ?>");
                      break;
                  case 4:
                      userHasLogin("<?php echo $L['MSG_ERROR_RELOGIN']; ?>");
                      break;
                case 5:
                      showWarningMsg("<?php echo $L['user_yz_not_match']; ?>");
                      refresh_img();
                      break;
                  case 6:
                      showWarningMsg("<?php echo $L['user_yz_outtime_login_agin']; ?>");
                      refresh_img();
                      break;
                  case 9: 
                      break;    
                  case 10: // admin & license doesn't exist
                      window.location = "i2/wizard/wiz_license.php";
                      break;
                  case 11: // admin & notice something
                      window.location = "i2/wizard/wiz_notice.php";
                      break;
                  case 12: // non-admin user & license doesn't exist
                      showWarningMsg("<?php echo $L['SW_LICENSE_UNREGISTER']; ?>");
                      break;
                  case 13: // non-admin & trial license expired
                      showWarningMsg("<?php echo $L['SW_LICENSE_EXPIRED']; ?>");
                      break;
                  case 20: // upgrade database fail
                      errorMsg = getErrorMsg(data);
                      showWarningMsg("<?php echo $L['MSG_ERROR_DB_CHECK_FAIL']; ?>" + errorMsg);
                      break;
                  case 99: 
                      errorMsg = getErrorMsg(data);
                      showWarningMsg( errorMsg );
                      break;
              }
        }
    }); 
    return false;
}
登录后复制
登录后复制

①$("#username")[0]中的这个【0】表示什么意思呀？
②函数最后加了一个return false；它的作用是什么呢？能否省略？
请大神赐教！

我能很喜感的说，菜鸟看菜鸟写的代码吗？
两句都是废话。
$('#userName')表示根据id查找对象，但是html规范中id是唯一的，所以这里的[0]虽然是得到了js原生对象，但是实际上一点用都没有，参考后面的
var yanzheng = $("#user_varify").val();
同样的

usernameObj = $("#userName")[0];
if(usernameObj.value==''){
    showWarningMsg("<?php echo $L['enter_you_user_name']; ?>");
    return false;
}
登录后复制

可以等效为

usernameObj = $("#userName")[0];
if(! $("#userName").val().length){
    showWarningMsg("<?php echo $L['enter_you_user_name']; ?>");
    return false;
}
登录后复制

结尾的return false用来阻止事件冒泡，但是源码中的onclick="check_form(); return false;"既然又写了一个return false，那么函数里面那个写不写都没用，反正没挂return。
正确的方式是


因为访问者按回车也会触发表单提交，这样不需要点击submit按钮从而绕过了检测。
再说这个方法最好命名为ajaxSubmit之类的名字，而不是checkform，因为里面包含了提交处理。

立即学习“Java免费学习笔记（深入）”；

这段代码的整体逻辑是
当点击提交按钮的时候对form数据进行检查，如果检查成功使用ajax提交数据。return false是用来阻止form产生普通的表单提交。

明白意思就好了，代码本身没什么值得学习的。

1.选择这个是返回jquery对象。
2.是取消动作用的。

建议你重新看下犀牛书，毫无基础的样子。

把jq对象，转换成，原生js对象。此时你不能用jq的方法，只能用js的所支持的dom方法操作。你还可以使用$("#userName").get(0)获取原生js对象，但是建议用数组下标的方法，这种方法更快捷。

①$(selector)返回的是jQuery对象，$(selector)[0]是返回原生的DOM对象，即document.getElementById()返回的那种对象。（不明白这里代码为什么一会用jQuery的方式一会用原生DOM...）
②这个函数是submit form用的吗，如果是的话，return false;的作用是取消form的提交

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：安装YII时， 打开网页显示mb_strlen()错误, 下一篇：javascript - 移动页面A.html点击跳转B的页面，需要在B的页面填过的内容带给a.html。怎么做？
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
Homebrew 安装 PHP 8 后 Xdebug 缺失的解决方案 本文旨在解决通过Homebrew安装PHP8后，Xdebug扩展未自动安装的问题。文章将详细指导用户如何利用pecl工具手动安装Xdebug，并提供具体的命令示例，确保开发者能够成功配置Xdebug以进行调试，从而提升开发效率。
2025-07-09 20:42:12
745
通过PECL为Homebrew PHP 8安装Xdebug扩展指南 本教程详细指导用户如何在通过Homebrew安装的PHP8环境中，正确安装并配置Xdebug调试扩展。鉴于Homebrew默认不捆绑Xdebug，本文将演示如何利用PHP自带的PECL工具进行安装，并提供后续的配置验证步骤，确保开发者能够顺利在PHPStorm等IDE中启用强大的调试功能。
2025-07-09 20:24:26
515
Homebrew PHP 8 环境下 Xdebug 扩展的安装与配置 本文详细介绍了在使用Homebrew安装PHP8后，Xdebug扩展未自动安装的常见问题及其解决方案。通过指导用户使用pecl命令手动安装Xdebug，并提供后续的配置与验证步骤，帮助开发者顺利在PHP8环境中集成Xdebug，实现高效的调试功能。
2025-07-09 20:24:01
179
解决Homebrew安装PHP 8后Xdebug缺失问题及配置指南 本文旨在解决通过Homebrew安装PHP8后，Xdebug扩展未自动安装的问题。我们将详细介绍如何利用PECL工具手动安装Xdebug，并指导读者如何正确配置php.ini文件以启用Xdebug，最终通过验证步骤确保其正常工作。本教程适用于希望在Homebrew管理的PHP8环境中进行调试的开发者。
2025-07-09 20:04:10
379
解决 PHP 7 多维数组未定义索引错误：??= 运算符实践指南 本文深入探讨PHP7中多维数组在递增操作时可能遇到的“未定义偏移”错误。针对这一常见问题，我们将详细介绍并演示PHP7引入的空合并赋值运算符??=，它能高效、简洁地初始化数组元素，从而避免运行时错误。通过实例代码，读者将学习如何利用此运算符确保多维数组的健壮性，提升代码质量。
2025-07-09 20:02:01
763
PHP 7 多维数组安全初始化与递增：告别“未定义偏移”错误 在PHP7及更高版本中处理多维数组时，直接对未初始化的数组元素进行递增操作（如$var++）会导致“未定义偏移”或“未定义索引”错误。本文将深入解析此类错误产生的原因，并重点介绍PHP7引入的空合并赋值运算符??=作为一种优雅且高效的解决方案，确保多维数组元素的健壮初始化和安全递增，从而避免运行时错误。
2025-07-09 19:44:26
756
PHP 7 多维数组初始化与“Undefined Index”错误规避指南 在PHP7中处理多维数组时，尝试对未初始化的数组键进行递增操作常会导致“UndefinedIndex”或“UndefinedOffset”错误。本文将深入探讨此问题的根源，并重点介绍PHP7引入的空合并赋值运算符（??=）作为一种简洁高效的解决方案，帮助开发者避免此类运行时错误，确保代码的健壮性与可维护性。
2025-07-09 19:42:17
186
PHP 7 多维数组初始化：避免“未定义索引”错误 在PHP7中，直接对未初始化的多维数组键进行递增操作会导致“未定义索引”或“未定义偏移量”的E_NOTICE错误。与简单的赋值不同，递增操作会先尝试读取键值，当键不存在时引发错误。解决此问题的最佳实践是使用PHP7引入的Null合并赋值运算符(??=)在递增前对数组键进行安全初始化，确保其存在并拥有一个默认值（如0），从而保证代码的健壮性。
2025-07-09 19:24:19
284
PHP 7 多维数组初始化与未定义索引处理：??= 运算符实践指南 本文旨在解决PHP7中操作未初始化多维数组时常见的“未定义索引”错误，尤其是在尝试递增（++）数组元素时。我们将深入探讨该错误产生的原因，并重点介绍PHP7引入的Null合并赋值运算符（??=）作为一种简洁高效的解决方案，确保数组元素在使用前得到妥善初始化，从而提升代码的健壮性和可维护性。通过具体示例，读者将掌握如何利用此运算符优雅地处理多维数组的初始化问题。
2025-07-09 19:24:11
1002
Laravel集合数据提取：单条与多条记录的user_id访问指南 本教程旨在指导如何在Laravel应用中高效地从Illuminate\Support\Collection对象中提取数据，特别是获取user_id。文章将详细介绍如何使用first()方法访问集合中的首个元素，以及如何通过循环处理多条记录。同时，将强调使用dd()或dump()进行调试的最佳实践，以确保对集合结构有清晰的理解，并提供实用代码示例。
2025-07-09 19:02:21
334
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部