如何在表单输入工作时获得javascript验证?

时间:2016-03-16 08:29:12

标签: javascript

只是尝试将<?php session_start(); if( isset($_SESSION['user_id']) ){ header("Location: ./index.php"); } require 'conn.php'; $message = ''; if(!empty($_POST['name']) &&!empty($_POST['email']) && !empty($_POST['password'])): // Enter the new user in the database $sql = "INSERT INTO users (name, email, password) VALUES (:name,:email, :password)"; $stmt = $conn->prepare($sql); $stmt->bindValue(':name', $_POST['name']); $stmt->bindValue(':email', $_POST['email']); $stmt->bindValue(':password', password_hash($_POST['password'], PASSWORD_BCRYPT)); if( $stmt->execute() ): $message = 'Successfully created new user'; else: $message = 'Sorry there must have been an issue creating your account'; endif; endif; ?> 的简单最大长度设置为不超过10。

我一直在寻找在线示例。在我发现的任何例子中都无法找到共同点。

我能够提交除空文本以外的任何内容(因为需要)

fName

2 个答案:

答案 0 :(得分:0)

您应该可以使用内置方法,例如maxlength

<input type="text" maxlength="10" required placeholder="John" name="fName" id="fName"/>

答案 1 :(得分:0)

我已经为按钮添加了一个onclick处理程序,并将代码插入到函数中。

如果您想检查长度而不是值,那么您应该使用.length来获取文本的长度。

试试这个

<head>
    <script type="text/javascript">
        function checkNameLength() {
            if (document.getElementById('fName').value.length > 10) {
                alert("too big");
                return false;
            }
        }
    </script>
</head>
<body>

    <form name="regoForm" id="regoForm" method="post">
        <p>
            <label for="fName">First Name</label>
            <input type="text" required placeholder="John" name="fName" id="fName"/>
        </p>
        <p>
            <input type="submit" value="submit" id="submitBtn" onclick="return checkNameLength()">
        </p>
    </form>
</body>