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>