Javascript field validation form

Question

1.Okay so I want to make my Country and Sex field a required field. I tried putting the required in the html code but its still not working. I don't know if there is a java script function to validate them.

<div class="form-group">
    <label for="country"><span class="required">* </span> Country: </label>
    <select name="country" id="selCountry" class="form-control selectpicker" required>
      <option value=" " selected>Please select your country</option>

      <option value="AF">Afghanistan</option>

    </select>
  </div>

2.I want my phone number to be numerical values only and it should contain 8 digit only. The code I wrote will erase everything each time the user input a letter in the phone field , so basically it will accept only digits.But the field should accept 8 digit only or it will output an error to the user.

 function validatephone(phone) {
   var maintainplus = '';
   var numval = phone.value
   if (numval.charAt(0) == '+') {
     var maintainplus = '';
   }
   curphonevar = numval.replace(/[\\A-Za-z!"£$%^&\,*+_={};:'@#~,.Š\/<>?|`¬\]\[]/g, '');
   phone.value = maintainplus + curphonevar;
   var maintainplus = '';
   phone.focus;
 }

Can anyone show me the right way to doing this ?

Here is my jsfiddle code that I tried so far.

https://jsfiddle.net/2oong6n2/2/

Possible duplicate of [Javascript - validation, numbers only](http://stackoverflow.com/questions/10713749/javascript-validation-numbers-only) — Ionut Necula, Nov 07 '16 at 11:37

Mahi · Accepted Answer · 2016-11-07T11:51:29.013

0

1) you have already selected your option using this. so required value will always return true. whether you give country name or not .

<option value=" " selected>Please select your country</option>

try this <option value="" selected>Please select your country</option>

2) for radio button you have put required attribute in label . you have to do it in input element .

<input type="radio" name="gender" value="no" required/> Female

https://jsfiddle.net/2oong6n2/3/

edited Nov 07 '16 at 11:51

answered Nov 07 '16 at 11:40

Mahi

1,707
11
22

Please select your country – Mahi Nov 07 '16 at 11:45
make sure their is no space in between value – Mahi Nov 07 '16 at 11:45

score 0 · Answer 2 · answered Nov 07 '16 at 11:56

See this jsfiddle to allow only numbers to be entered into the text field http://jsfiddle.net/Lm2hS/
Use maxlength attribute for the input field to limit the number of characters to 8 digits

<input type="text" maxlength="8" />

To make Gender field a required field just add checked attribute to the input field

<input type="radio" name="gender" value="yes" checked="checked"/>Male
<input type="radio" name="gender" value="no" /> Female

To make country field required use selected attribute to the option tag

<select name="country" id="selCountry" class="form-control selectpicker" required>
      <option value=" " selected>Please select your country</option>

      <option value="AF" selected>Afghanistan</option>

</select>

Javascript field validation form

2 Answers2