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>