Javascript字段验证表单

Question

1.Okay所以我想让我的国家和性别领域成为必修科目。 我尝试将所需的内容放在html代码中，但它仍然无效。 我不知道是否有一个java脚本函数来验证它们。

<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.我希望我的电话号码只是数字值，它只能包含8位数字。 我写的代码会在用户每次在手机字段中输入一个字母时删除所有内容，所以基本上它只接受数字。但是该字段只能接受8位数字，否则会向用户输出错误。

 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;
 }

有人能告诉我这样做的正确方法吗？

这是我到目前为止尝试过的jsfiddle代码。

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

Answer 1

1）您已经使用此选择了您的选项。 因此所需的值将始终返回true。 你是否给出了国名。

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

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

2）对于单选按钮，您在标签中放置了必需的属性。 你必须在输入元素中做到这一点。

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

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

Answer 2

1. 看到这个jsfiddle只允许在文本字段中输入数字http://jsfiddle.net/Lm2hS/

2. 使用输入字段的maxlength属性将字符数限制为8位数

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

3. 要将Gender字段设为必填字段，只需将checked属性添加到输入字段即可

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

4. 要使国家/地区字段成为必需，请将选定属性用于选项标记

 <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>