简单 js 验证

来源：互联网发布：淘宝怎么看旺旺号编辑：程序博客网时间：2024/05/20 11:27

1.验证 js 文件 valid.js

/** * Created by JetBrains PhpStorm. * User: Administrator * Date: 15-8-16 * Time: 下午6:48 * To change this template use File | Settings | File Templates. *///判断是否为数字function IsNum(s){    if (s!=null && s!="")    {        return !isNaN(s);    }    return false;}//判断是否是正整数function IsInteger(phoneNum){    var reg = /^0?1[3|4|5|8][0-9]\d{8}$/;    if (reg.test(phoneNum)) {        return true;    }else{        return false;    };}function IsPhone(phoneNum){    var reg = /^0?1[3|4|5|8][0-9]\d{8}$/;    if (reg.test(phoneNum)) {        return true;    }else{        return false;    };}function reset(endWith) {    $("[id$='" + endWith + "']").each(function(){       $(this).html("");//       alert($(this).val());    })}

2.测试文件：注意需要引入 jquery 文件

<HTML><HEAD>    <TITLE>测试操作剪贴板</TITLE>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></HEAD><script type="text/javascript" src="valid.js"></script><script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script><BODY >手机号：<input name="phone" id="phone"/> <label id="phoneLabel" style="color: red"></label> <br>价格:<input name="price" id="price"/> <label id="priceLabel"  style="color: red"></label> <br><button onclick="sub()">提交</button><script type="text/javascript">    function sub() {        var phoneVal = $("#phone").val();        if(phoneVal==""||phoneVal==null) {            $("#phoneLabel").text("*");            return;        } else {            // 不是数字的话就把提示            if(!IsPhone(phoneVal)) {                $("#phoneLabel").text("手机号码格式不对");                return;            }        }        var priceVal = $("#price").val();        if(priceVal==""||priceVal==null) {            $("#priceLabel").text("*");            return;        } else {            // 不是数字的话就把提示            if(!IsNum(priceVal)) {                $("#priceLabel").text("价格不对");                return;            }        }        alert("提交成功！")    }$("input").on("focus", function () {    reset('Label');});</script></BODY></HTML>

0 0