javascript form validation issue

Question

for my nic input,the no. of characters should be equal to 14 which i already did and the first character should be equal to the first letter in Lastname. how am i suppose to put this validation.

    <form name="form" onsubmit="return formValidation()" action="submit.html">
      lastname :<input  type="text" name="lastname" id="lastname">
    		</input><br><br>
    <label>NIC Number:</label>
    			<input  type="text" name="NIC" id="NIC" pattern="[0-9]{14}" maxlength="14"></input></br></br>

    <input id="submit" type="submit" name="submit" id="submit">

"no. of characters should be equal to 14 which i already did". Please, include it into the code. — Yeldar Kurmangaliyev
– Yeldar Kurmangaliyev, Commented Nov 9, 2015 at 10:58
Client side validation is never safe, so you should also check this on the server side! — online Thomas
– online Thomas, Commented Nov 9, 2015 at 11:02

Suchit kumar · Accepted Answer · 2015-11-09 11:07:33Z

0

try like this using charAt.

var x = 'some string';//value from first field
var y="s2324343353";//value from nic
if(x.charAt(0) == y.charAt(0)){
  alert("first character is same");
  }// alerts 's'

answered Nov 9, 2015 at 11:07

Suchit kumar

11.9k3 gold badges26 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rajesh Dixit · Accepted Answer · 2015-11-09 11:07:36Z

0

You can add a custom validation: JSFiddle

Code

function validateNIC() {
    var nic = document.getElementById("NIC").value;
    var lname = document.getElementById("lastName").value;
    var valid = true;

    if (nic.length != 14) {
        console.log("Length must be 14 characters");
    } else if (nic[0] != lname[0]) {
        console.log("First Character of both input should be same");
    }
    else{
    	console.log("Valid")
    }
}

<input type="text" id="lastName">
<input type="text" id="NIC" maxlength=14>
<button onclick="validateNIC()">validate</button>

answered Nov 9, 2015 at 11:07

Rajesh Dixit

25k5 gold badges52 silver badges86 bronze badges

Comments

Kiran Shakya · Accepted Answer · 2015-11-09 11:10:34Z

I have modified pattern to accept first character as alphanumeric. Then following function should help you validate the first character mismatch validation.

function formValidation() {
  var ln = document.getElementById("lastname");
  var nic = document.getElementById("NIC");
  if (ln.value.substr(0, 1) != nic.value.substr(0, 1)) {
    alert("NIC first character not acceptable.");
    return false;
  } else {
    return true;
  }
}

<form name="form" onsubmit="return formValidation()" action="submit.html">
  lastname :
  <input type="text" name="lastname" id="lastname">
  </input>
  <br>
  <br>
  <label>NIC Number:</label>
  <input type="text" name="NIC" id="NIC" pattern="[a-zA-Z0-9][0-9]{13}" maxlength="14"></input>
  </br>
  </br>

  <input id="submit" type="submit" name="submit" id="submit">

ShuShe · Accepted Answer · 2015-11-09 12:00:45Z

0

 function formValidation() {
        var lastname = $('#lastname').val();
        var NIC = $('#NIC').val();
        if (lastname.charAt(0) != NIC.charAt(0)) {
         return false;
        }

answered Nov 9, 2015 at 12:00

ShuShe

111 bronze badge

Collectives™ on Stack Overflow

javascript form validation issue

4 Answers 4

Comments

Code

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Code

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related