js常规登录验证

最新推荐文章于 2024-08-05 21:28:12 发布

芒果不爱珂

最新推荐文章于 2024-08-05 21:28:12 发布

阅读量5.5k

点赞数

本文链接：https://blog.csdn.net/curelmango/article/details/79874735

版权

js登录常规验证（ps:包括常规的非空验证，以及电话等的正则验证）

html代码如下：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>js常规验证</title>
    <script src="~/Scripts/jquery-1.8.2.min.js"></script> <!--引用的js-->
</head>
<body>
    姓名： <input type="text" name="name" id="name" />
    电话：<input type="text" name="tel" id="tel" />
    年龄：<input type="text" name="age" id="age" />
    选择： <select id="select">
            <option value="">请选择</option>
            <option value="选项一">选项一</option>
            <option value="选项二">选项二</option>
           </select>
    <input type="button" οnclick="yanzheng()" value="提交" />
</body>
</html>

js代码如下

<script>
    function yanzheng()
    {
        var name = $("#name").val();
        var tel = $("#tel").val();
        var age = $("#age").val();
        var slt = document.getElementById("select");
        if (name == "" || name == null)
        {
            alert("请输入用户的姓名");
            return false;
        }
        if (tel == null || tel == "")
        {
            alert("请输入用户的电话");
            return false;
        }
        if (age == null || age == "")
        {
            alert("请输入用户的年龄");
            return false;
        }
        if (slt.value == "") {
            alert("请至少选择一个项目");
            return false;
        }
        $.ajax({
            url: "url",//需要提交到的地址
            type: "", //提交的类型 POST/GET
            data: {},  //提交的参数
            success: function (data)
            {
                 //提交成功之后的回调参数
            }
            })
    }
</script>

以上，卒 ~