html5联系人字母,HTML5模式 - 10个字符 - 至少一个字母

您可以使用

或者这个(它有点长......)：

input {

width: 100%;

padding: 12px;

border: 1px solid #ccc;

border-radius: 4px;

box-sizing: border-box;

margin-top: 6px;

margin-bottom: 16px

}

input[type=button] {

background-color: #4CAF50;

color: white

}

.container {

background-color: #f1f1f1;

padding: 20px

}

#message {

display: none;

position: relative;

margin-top: 10px

}

.valid {

display: none

}

Password

Your password doesn't contain any of the following:

A letter

A number

10 characters

var myInput = document.getElementById("psw");

var letter = document.getElementById("letter");

var capital = document.getElementById("capital");

var number = document.getElementById("number");

var length = document.getElementById("length");

var tmp = 0;

myInput.onfocus = function () {

document.getElementById("message").style.display = "block";

}

myInput.onblur = function () {

document.getElementById("message").style.display = "none";

}

myInput.onkeyup = function () {

var lowerCaseLetters = /[a-zA-Z]/g;

if (myInput.value.match(lowerCaseLetters)) {

letter.classList.remove("invalid");

letter.classList.add("valid");

tmp++;

} else {

letter.classList.remove("valid");

letter.classList.add("invalid");

}

var numbers = /[0-9]/g;

if (myInput.value.match(numbers)) {

number.classList.remove("invalid");

number.classList.add("valid");

tmp++;

} else {

number.classList.remove("valid");

number.classList.add("invalid");

} if (myInput.value.length >= 10) {

length.classList.remove("invalid");

length.classList.add("valid");

tmp++;

} else {

length.classList.remove("valid");

length.classList.add("invalid");

}

}

function analyze() {

var lowerCaseLetters = /[a-zA-Z]/g;

var numbers = /[0-9]/g;

if (lowerCaseLetters.test(myInput.value) && numbers.test(myInput.value))document.getElementById('form').submit();

if(tmp==3){

var message = document.getElementById('theH3')

message.style('display:none;');

}

}