zoukankan      html  css  js  c++  java
  • 利用jquery实现前端同步请求---判断姓名是否为空并设置事件

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
    <title>ajax</title>
    <script src="/ajax/js/jquery-3.3.1.min.js"></script>
    </head>
    <body>
    <form action="http://www.ubfgho.com/" method="post">
    姓名:<input type="text" name="name"><span></span><br>
    密码:<input type="password" name="psw"><br>
    <input type="submit" value="提交"><br>
    </form>
    </body>
    <script>
    //1、失去焦点事件--判断姓名是否为空
    $(':text').blur(function () {
    var v=$(this).val()
    if (v.trim()==""){
    $("span").html("姓名为空").css("color","red")
    }else{
    $("span").html("")//清空span
    }
    })
    //2、提交事件---点击提交按钮触发submit
    $("form").submit(function () {
    //选中text文本
    var v=$(':text').val().trim();
    if (v==""){
    //如果姓名为空。就返回false,阻止提交,
    return false
    }
    })


    </script>
    </html>
  • 相关阅读:
    Celery(异步任务,定时任务,周期任务)
    SQLAlchemy的应用创建
    SQLAlchemy多对多
    SQLAlchemy
    app开发-2
    app开发-3
    app开发-1
    MongoDB-pymongo
    MongoDB-增删改查
    MongoDB-数据类型
  • 原文地址:https://www.cnblogs.com/xiaoshenke/p/10996555.html
Copyright © 2011-2022 走看看