Javascript validation not working in codeigniter

Question

I am validating the html form using javascript. But it was not working

In scripting i done some basic validation.

Below is my html form and javascript validation

please help me where i done mistake

Javascript validation

function register()
    {
        var fname = document.getElementById('fname').value;
        var lname = document.getElementById('lname').value;
        var email = document.getElementById('email').value;
        var contact = document.getElementById('contact').value;
        var pass = document.getElementById('pass').value;      


        var alpha = /^[a-zA-Z\s-, ]+$/;  

        if (fname.value == "") {
        alert('Please enter First Name');
        return false;
         }
        else if (!fname.value.match(alpha)) {
        alert('First Name allows only Alphabets');       
        return false;
         }
        else 
         {
         return true;
         }

    }

HTML Form

<form role="form" method="post" action="" onSubmit="return register();">
    <div class="form-group">
      <label>First Name <span class="mandatory"> *</span></label>
      <input type="text" class="form-control" name="fname" id="fname" placeholder="Enter Your First Name" value="" required>
    </div>
    <div class="form-group">
      <label>Last Name <span class="mandatory"> *</span></label>
      <input type="text" class="form-control" id="lname" name="lname" placeholder="Enter Your Last Name" value="" required>
    </div>
    <div class="form-group">
      <label for="emmail_register">Email address <span class="mandatory"> *</span></label>
      <input id="emmail_register" id="email" name="email" class="form-control" type="text" placeholder="Enter Your Email id" value="" required>
    </div>
    <div class="form-group">
       <label>Contact No. <span class="mandatory"> *</span></label>
       <input type="text" id="contact" name="contact" class="form-control" value="" placeholder="Enter Contact No." required>
    </div>
    <div class="form-group">
       <label>Password <span class="mandatory"> *</span></label>
       <input type="password" id="pass" name="pass" class="form-control" placeholder="Enter your password" value="" required>
    </div>       
    <div class="form-group">
       <input type="submit" onclick="return register();" name="user_register" class="btn btn-primary" value="Create Account">
    </div>          
</form>

Why not use codeigniter form validation codeigniter.com/user_guide/libraries/form_validation.html — user4419336
– user4419336, Commented Mar 15, 2017 at 7:35

Abhishek Pandey · Accepted Answer · 2017-03-15 05:56:27Z

2

Not need to get value again using fname.value in if/else condition. Try like this..

if (fname== "") {
  alert('Please enter First Name');
  return false;
}
else if (!fname.match(alpha)) {
  alert('First Name allows only Alphabets');       
  return false;
}
else{
  return true;
}

edited Mar 15, 2017 at 5:56

Abhishek Pandey

13.6k8 gold badges41 silver badges72 bronze badges

answered Mar 15, 2017 at 5:51

Hikmat Sijapati

6,9691 gold badge11 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

Javascript validation not working in codeigniter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related