Проверки пароля и имени с использованием JavaScript - PullRequest
1 голос
/ 16 октября 2019

Я проверяю форму, и требование 1. Электронная почта: адрес электронной почты должен быть действительным идентификатором электронной почты. 2.Пароль: должен быть длиной восемь символов. Допускаются только цифры (0-9) и буквы (AZ, az). 3.FirstName: не должно содержать цифр (0-9). 4.LastName: не должно содержать цифр (0-9). Я сделал для адреса электронной почты, и я поражен с паролем и проверками FirstName. Может ли кто-нибудь помочь мне в этом Спасибо заранее.

    <form>
            <label for="">First Name</label>
            <input type="text" id="fname"><br>
            <label for="">Last Name</label>
            <input type="text" id="lname"><br>
            <label for="">Email</label>
            <input type="text" id="email"><br>
            <label for="">Password</label>
            <input type="text" id="password"><br>
           <button type="button" onclick="claim()">Claim Your Free Trail</button>
           <p>You Are Agreeing to Our <a href="#">Terms & Condition</a></p>
        </form>

        <script>
            function claim(){
                var obj ={
                    fname:"",
                    lname:"",
                    email:"",
                    password:""
                }

                for(a in obj){
                    obj[a]=document.getElementById(a).value
                }
                if(obj.email.match(/@/) != null){

                }else{
                    alert("Please enter Valid Email Address")
                }
                console.log(obj)
            }
        </script>
    </body>

Ответы [ 2 ]

0 голосов
/ 16 октября 2019

Вы можете использовать pattern и inbuilt проверку HTML-формы

  • [^\d]+ - разрешать только символы, кроме цифр
  • [\dA-Za-z]{8,} - только для проверкиРазрешены цифры и алфавиты длиной не менее 8 символов

<body>
  <form validate>
    <label for="">First Name</label>
    <input type="text" id="fname" pattern="[^\d]+" required><br>
    <label for="">Last Name</label>
    <input type="text" id="lname"><br>
    <label for="">Email</label>
    <input type="email" id="email" required><br>
    <label for="">Password</label>
    <input type="password" id="password" pattern="[\dA-Za-z]{8,}" required><br>
    <button type="submit">Claim Your Free Trail</button>
    <p>You Are Agreeing to Our <a href="#">Terms & Condition</a></p>
  </form>
</body>
0 голосов
/ 16 октября 2019

Просто используйте регулярные выражения. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions

...