Javascript字段验证表单

Javascript field validation form

本文关键字：表单 验证 字段 Javascript      更新时间：2023-09-26

1.好的，所以我想让我的国家和性别字段成为必填字段。我试着把必需的放在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/

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

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

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

2( 对于单选按钮，您已经在标签中放置了必需的属性。您必须在input元素中执行此操作。

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

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

  1. 请参阅此jsfiddle，只允许在文本字段中输入数字http://jsfiddle.net/Lm2hS/

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

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

  1. 要使性别字段成为必填字段，只需在输入字段中添加选中的属性

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

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

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

相关文章：