Javascript field validation form

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

为了使性别字段必填字段只是添加检查属性输入字段

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

1. To make co untry领域需要使用选择属性选项标签

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