Javascript 字段验证表单答案

【问题标题】：Javascript field validation formJavascript 字段验证表单
【发布时间】：2016-11-07 11:34:13
【问题描述】：

1.好的，所以我想让我的 Country 和 Sex 字段成为必填字段。我尝试将所需的内容放入 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/

【问题讨论】：

Javascript - validation, numbers only的可能重复

标签： javascript

【解决方案1】：

1) 您已经使用此选项选择了您的选项。因此所需的值将始终返回 true。无论您是否提供国家名称。

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

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

2) 对于单选按钮，您已将所需属性放入 label 。您必须在输入元素中执行此操作。

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

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

【讨论】：

确保它们的值之间没有空格

【解决方案2】：

查看此 jsfiddle 以仅允许在文本字段中输入数字 http://jsfiddle.net/Lm2hS/
对输入字段使用 maxlength 属性，将字符数限制为 8 位

&lt;input type="text" maxlength="8" /&gt;

要使 Gender 字段成为必填字段，只需将选中的属性添加到输入字段

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

要使国家/地区字段成为必填项，请使用选项标签的选定属性

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

【讨论】：