JS to realize simple form verification and select all functions

js Realize simple form verification and select all functions

---

---

One . Form validation

1.body

<div id="d1">
			<form action="#" method="post">
				 user name :<input type="text" placeholder=" Please enter a user name :" onfocus="Mover()" onblur="Mblur(this.value)"/><span id="s1"></span><br />
				 password :&emsp;<input type="password" placeholder=" Please input a password :" onfocus="pwd2()" onblur="Hpwd2(this.value)"/><span id="s2"></span>
				<br/><input type="submit" value=" Submit "/>
			</form>
		
		</div> 

2.js

<script> function Mover(){
       var s1=document.getElementById('s1'); s1.innerHTML=" User name length cannot be less than 3 position , Greater than 8 position !"; } function Mblur(tet){
       if(tet.length>3 && tet.length<8){
       var s2=document.getElementById('s1'); s2.innerHTML="<a style='color: green;font-size: 20px;'>√</a>"; }else{
       var s3=document.getElementById('s1'); s3.innerHTML="<a style='color: red;font-size: 20px;'> Incorrect user name format !!</a>"; } } function pwd2(){
       var s2=document.getElementById('s2'); s2.innerHTML=" Password length cannot be less than 3 position , Greater than 8 position !"; } function Hpwd2(pwd){
       if(pwd.length>3 && pwd.length<8){
       var s2=document.getElementById('s2'); s2.innerHTML="<a style='color: green;font-size: 20px;'>√</a>"; }else{
       var s3=document.getElementById('s2'); s3.innerHTML="<a style='color: red;font-size: 20px;'> The password format is incorrect !!</a>"; } } </script>

---

Two . Select all

1.body

<table>
			<tr>
				<td><input type="checkbox" name="c1" onclick="pd()"/></td>
				<td><input type="checkbox" name="c1" onclick="pd()"/></td>
				<td><input type="checkbox" name="c1" οnclick="pd()"/</td>
			</tr>
			<tr>
				 Future generations <input type="checkbox" id="c2" onclick="fun1(0)"/>
				 Totally unselected <input type="checkbox" id="c3" onclick="fun1(1)"/>
			</tr>
		</table>

2.js

<script> function a1(a1){
       var a=document.getElementsByName('c1'); if(a1){
       for(i=0;i<a.length;i++){
       a[i].checked=a1; } var b=document.getElementById('c3').checked=false; }else{
       for(i=0;i<a.length;i++){
       a[i].checked=a1; } var b=document.getElementById('c2').checked=false; } } function fun1(aa){
       var a=document.getElementsByName('c1'); if(aa==0){
       a1(true); }else{
       a1(false); } } function pd(){
       var q1=0; var q=0; var q2=document.getElementsByName('c1'); for(i=0;i<q2.length;i++){
       if(q2[i].checked){
       q1+=1; }else{
       q+=1; } } if(q1==q2.length){
       var b=document.getElementById('c2').checked=true; var b=document.getElementById('c3').checked=false; }else{
       var b=document.getElementById('c2').checked=false; } if(q==q2.length){
       var b=document.getElementById('c3').checked=true; var b=document.getElementById('c2').checked=false; }else{
       var b=document.getElementById('c3').checked=false; } } </script>

---

3、 ... and . Summary

Use of this chapter JavaScript Form verification and select all functions are realized , The purpose of the exercise is to call functions .
Where are the deficiencies or better suggestions , Welcome to make complaints about Tucao , There is a little friend who doesn't understand can confide in me , I will reply one by one. , Thank you for your approval , Thank you for your support !