jQuery中button标签无法识别 5C
    <script type="text/javascript"
        src="${pageContext.request.contextPath }/js/jquery-1.11.0.min.js"></script    >
<script type="text/javascript">
    $(function() {
            //1.对所有text框和password框,添加离焦事件,校验输入内容不能为空
        $(":text, :password").blur(function() {
            var _var = $(this).val();
            if (_var == null || _var.trim().length <= 0) {
                alert("请输入用户名或密码")
            }
        })
    })
    //2.对button 添加 点击事件,提交form表单
    $(":button)").click(function() {
        $("form").submit();
    })

</script>
</head>
<body>
    <form action="login">
        用户名 <input type="text" name="username" /> <br /> 密码 <input
            type="password" name="password" /> <br /> <input type="button"
            value="提交" />
    </form>
</body>
</html>

对button添加单击提交属性.
但在页面里无法实现效果,控制台提示
图片说明

刚学习jQuery,请教各位老师

7个回答

 $(":button)").click(function() {

你不但前面多了冒号,后面还多了问号

最好你加上一个name id

 <input type="button" name="btn1" id="btn1">

然后用

  $("#button").click(function() {
huzhengyang6666
huzhengyang6666 $(":button)").click(function() { 前面多了冒号,后面多加一个name id <input type="button" name="btn1" id="btn1"> $("#button").click(function() {
大约 2 年之前 回复
showbo
支付宝加好友偷能量挖,胡杨在等着我的召唤 选择器明显错了,后面多了个括号
大约 2 年之前 回复

button前面多了一个冒号。或者你想用点号?

上面大佬都给你值出错误了,其实你可以直接在表单里将按钮改成: 就不需要你这个js代码了

qq_23126581
渊渟无迹静涛君 <input type="submit" value="提交">
大约 2 年之前 回复

若class='button'
则$(".button)").click(function() {});

若id='button'
则$("#button)").click(function() {});

把js代码写在body标签里面的form标签下面。js写在头部,页面还没加载完肯定识别不了button元素!

    $(":button)")  多了半个括号 ,JS写在body最底下,先加载js肯定获取不到button

    <form action="login">
    用户名 <input type="text" name="username" /> <br /> 密码 <input
        type="password" name="password" /> <br /> <input type="button" value="提交" />
</form>
$(function() { //1.对所有text框和password框,添加离焦事件,校验输入内容不能为空 $(":text, :password").blur(function() { var _var = $(this).val(); if (_var == null || _var.trim().length <= 0) { alert("请输入用户名或密码") } }) }) //2.对button 添加 点击事件,提交form表单 $(":button").click(function() { $("form").submit(); })

选择器表示的不对 :

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐