js常规登录验证

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" onclick="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>

     以上,卒 ~

阅读更多
换一批

没有更多推荐了,返回首页