js 검증 소수 또는 정수

13229 단어
정규 표현식을 이용하여 소수나 정수 여부를 검사합니다. 쓸데없는 말은 하지 않고 데모로 갑니다. (이 정규 표현식은 음수와 숫자가 00으로 시작하는 숫자를 검사할 수 없습니다.)
PS: (잘못된 점이 있으면 지적하여 주십시오)
DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>checkNumbertitle>
head>

<body style="background-color: aliceblue;">
    <div id="main" style="margin: 0 auto; text-align: center; ">
        <form method="POST" action=""
            style="width: 50% ; height: 50%; text-align: center;margin: 0 auto;  padding-top: 20%;">
            <label>label><input type="text" id="amount" name="amount"
                onblur="checkAmount('amount','hint')" /><br />
            <p><span name="hint" id="hint" style="color: red">span>p>
        form>
    div>
body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js">script>
<script type="text/javascript">
    $(function () {
        //  div  
        $("#main").css("height", $(document).height);
        $("#main").css("width", $(document).width);
    });

    function notIntOrDecimal(text) {
        //  (  /  )     
        let pattern = /^[0-9]+([.]{1}[0-9]+){0,1}$/;
        if (pattern.test(text)) {
            return false;
        } else {
            return true;
        }
    }

    function checkAmount(objName, hintName) {
        let judgeVal = $("#" + objName).val();
        if (judgeVal === '') {
            $("#" + hintName).html("          !");
            return;
        }
        if (judgeVal !== '' && notIntOrDecimal(judgeVal)) {
            $("#" + hintName).html("          !");
            $("#" + objName).focus();
        } else {
            $("#" + hintName).html("    !");
        }
    }
script>

html>

좋은 웹페이지 즐겨찾기