如何强制正则表达式验证所选的<option>标签?

猫咪

我有一个注册表格,在该表格中我强迫用户选择一个国家:

的HTML

    <label class="required" for="country" title="Select your country">Country
        <select id="country" name="country" style="width:300px;">
        <option id="Russia" value="Russia"  >Russia</option>
        <option id="Iran" value="Iran" >Iran</option>
        <option id="UnitedStates" value="United States" >United States</option>
        <option id="China" value="China" >China</option>

            <option id="UnitedKingdom" value="United Kingdom" >United Kingdom</option>
            <option id="Australia" value="Australia" >Australia</option>
            <option id="Canada" value="Canada" >Canada</option>
            <option id="France" value="France" >France</option>
            <option  id="New Zealand" value="New Zealand" >New Zealand</option>
            <option id="Brazil" value="Brazil" >Brazil</option>
            <option id="" value="----" selected="selected">----</option>
            <option id="Afghanistan" value="Afghanistan" >Afghanistan</option>
            <option id="Albania" value="Albania" >Albania</option>
            <option id="Argentina" value="Argentina" >Argentina</option>
            <option id="Armenia" value="Armenia" >Armenia</option>
            <option id="Austria" value="Austria" >Austria</option>
            <option id="Azerbaijan" value="Azerbaijan" >Azerbaijan</option>
            <option id="Bahamas" value="Bahamas" >Bahamas</option>
            <option id="Bangladesh" value="Bangladesh" >Bangladesh</option>
            <option id=Belarus"" value="Belarus" >Belarus</option>
            <option id="Belgium" value="Belgium" >Belgium</option>
            <option id="Bulgaria" value="Bulgaria" >Bulgaria</option>
            <option id="Cambodia" value="Cambodia" >Cambodia</option>
            <option id="AfricanRepublic" value="Central African Republic" >Central African Republic</option>
            <option id="Chile" value="Chile" >Chile</option>
            <option id="China" value="China" >China</option>
            <option id="Croatia" value="Croatia" >Croatia</option>
            <option id="Cyprus" value="Cyprus" >Cyprus</option>
            <option id="Denmark" value="Denmark" >Denmark</option>
            <option id="Ecuador" value="Ecuador" >Ecuador</option>
            <option id="Egypt" value="Egypt" >Egypt</option>
            <option id="Finland" value="Finland" >Finland</option>
            <option id="Georgia" value="Georgia" >Georgia</option>
            <option id="Germany" value="Germany" >Germany</option>
            <option id="Greece" value="Greece" >Greece</option>
            <option id="Guyana" value="Guyana" >Guyana</option>
            <option id="HK" value="Hong Kong" >Hong Kong</option>
            <option id="Indonesia" value="Indonesia" >Indonesia</option>
            <option id="Iran" value="Iran" >Iran</option>
            <option id="Iraq" value="Iraq" >Iraq</option>
            <option id="Israel" value="Israel" >Israel</option>
            <option id="Italy" value="Italy" >Italy</option>
            <option id="Kazakhstan" value="Kazakhstan" >Kazakhstan</option>
            <option id="Kyrgyzstan" value="Kyrgyzstan" >Kyrgyzstan</option>
            <option id="Malaysia" value="Malaysia" >Malaysia</option>
            <option id="Malaysia" value="Maldives" >Maldives</option>
            <option id="Mauritania"` value="Mauritania" >Mauritania</option>
            <option id="Netherlands" value="Netherlands" >Netherlands</option>
            <option id="Pakistan" value="Pakistan" >Pakistan</option>
            <option id="Russia" value="Russia"  >Russia</option>
            <option id="Moldova" value="Moldova" >Moldova</option>
            <option id="Spain" value="Spain" >Spain</option>
            <option id="Tajikistan" value="Tajikistan" >Tajikistan</option>
            <option id="Turkey"  value="Turkey" >Turkey</option>
            <option id="Turkmenistan" value="Turkmenistan" >Turkmenistan</option>
            <option id="Ukraine" value="Ukraine" >Ukraine</option>
            <option id="Uzbekistan" value="Uzbekistan" >Uzbekistan</option>
        </select>
        </label>

在我的jQuery中,我验证用户选择如下

jQuery的

   // Extend jQuery object to include Regular expression masks assigned to properties
     mask = jQuery.extend({selectdmask:/^(?:[^S]+|S(?!elected))*$/,textfieldmask: /^[a-z\.\s-]{5,}$/i,phonemask: /^[0-9\(\)\+\.\s-]{8,}$/i,passwordmask: /^\w{5,}$/, emailmask:/^([a-z0-9\+_\-]+)(\.[a-z0-9\+_\-]+)*@([a-z0-9\-]+\.)+[a-z]{2,6}$/});
   // Extend jQuery object to include error messages assigned to properties
 errmsg = jQuery.extend({selecterr:"Select your country",textfielderr:"5 or more letters",phoneerr: "Include dialling code",passworderr:"Minimum 5 characters",emailerr:"Invalid address",matcherr: "Must match"});

   // Set up variables to hold details of which mask to use and whether the field should match another field
var masktouse = null;
    var mustmatch = null;
  // Determine the type of mask we're going to validate against
switch(obj.name) {
   case "name":         masktouse="textfieldmask";      errtouse="textfielderr";    break;
   case "phone":        masktouse="phonemask";          errtouse="phoneerr";        break;
   case "username":     masktouse="textfieldmask";      errtouse="textfielderr";    break;
       case "email":        masktouse="emailmask";          errtouse="emailerr";        break;
   case "password":     masktouse="passwordmask";       errtouse="passworderr";     mustmatch="verpassword";    break;
   case "verpassword": masktouse="passwordmask";        errtouse="passworderr";     mustmatch="password";       break;
   case "country":  masktouse="selectdmask";            errtouse="selecterr";   break;
   }

如果用户选择了任何国家/地区,但我没有批准,我需要批准:

<option id="" value="----" selected="selected">----</option>

现在selectdmask:如果用户选择了国家或值=“ ----”,则该字段将无效。

请帮助我修改,selectdmask:/^(?:[^S]+|S(?!elected))*$/以仅在用户选择国家/地区时才批准用户选择----

我试过了

/^[-]{2} Select [-]{2}$/

/^(!?--\s*[Ss]elect\s*--)$/

但仍然没有运气。

请不要以其他方式建议我,例如使用jquery检查dom等,这里只有一个函数可以验证整个表单的元素,我不想编写一个单独的查询来验证国家/地区,所以请只帮助我修改我的正则表达式。

乔纳森

检查是否option.value !== "----"足够。您绝对不需要正则表达式。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

一个正则表达式以匹配代表optgroup和option标签的字符串

来自分类Dev

正则表达式 - 验证结束标签 - 模板引擎

来自分类Dev

如何正则表达式匹配P标签?

来自分类Dev

如何使用正则表达式选择标签?

来自分类Dev

如何使用正则表达式选择td标签?

来自分类Dev

HTML标签的正则表达式

来自分类Dev

正则表达式替换标签

来自分类Dev

正则表达式的<a>标签列表

来自分类Dev

主题标签的正则表达式

来自分类Dev

正则表达式替换标签

来自分类Dev

正则表达式组合标签

来自分类Dev

如何从包含其他标签的html标签中提取文本?正则表达式

来自分类Dev

如何使用记事本++正则表达式找到包含 DIV 标签的 SPAN 标签以进行 W3C 验证?

来自分类Dev

正则表达式提取特定<input>标签的值

来自分类Dev

正则表达式找到最后的身体标签

来自分类Dev

正则表达式替换HTML标签

来自分类Dev

html标签中的正则表达式

来自分类Dev

使用正则表达式删除某些HTML标签

来自分类Dev

正则表达式匹配多个<images>标签

来自分类Dev

javascript正则表达式-添加结束img标签

来自分类Dev

正则表达式:查找标签列表作为行尾

来自分类Dev

使用正则表达式搜索多个标签

来自分类Dev

正则表达式用标签包装文本

来自分类Dev

正则表达式以修剪标签之间的文本

来自分类Dev

正则表达式仅选择标签内的值

来自分类Dev

Javascript正则表达式,删除未关闭的标签

来自分类Dev

使用正则表达式在img标签的末尾插入/

来自分类Dev

使用正则表达式查找标签的美丽汤?

来自分类Dev

正则表达式模式以获取标签之间的文本