Question

我有一份注册表格：

<div id ="regis" class="col-md-6 col-md-offset-1">
   <form >
    <p>
    Fisrt Name:
     <input id="fname1" class="input" type ="text"/>
    </p>
    <p>
      Last Name:
        <input id="lname1" class="input" type ="text"/>
    </p>
    <p>
        NIC Number:
        <input id="nic" class="input" type ="text"/>
    </p>
    <p>
        Email Address:
        <input id="eml" class="input" type ="text"/>
    </p>
       <p>

％0s'-Q “＃？ UmlIqc7，` oe”呃：

保存

这是我的jQuery单独的re.js文件代码。我需要验证上面的表格。不幸的是，这不是验证。

$(document).ready(function (event){
$("#sub").click(function(){  //submit btn
   var  ffname = $("#fname1"); //fisrst name
   var  lname = $("#lname1");
   var  nic = $("#nic");
   var  eml1 = $("#eml");
   var  tp = $("#tp");


    if(ffname.val() ==""){
        $("this").css("background-color" , "red");
    }
    else
    {
        $("this").css("background-color" , "green");
    }

    if(nic.length <10 || nic.length>10 || nic.length <=0)
    {
        alert("please enter correct NIC Number");
    }
    else if(nic.length ==10)
    {

        var a = nic.substr(0,2);
        alert("your birth year is:"+a);
      }
   });
});

Answer 1

您可以通过新的HTML5属性（必需和模式）和CSS3来实现您想要实现的目标，请参阅下面的提示：

<li>
     <label for="nic">NIC Number:</label>
     <input id="nic" type="text" pattern = "^\d{10}$" required />
</li>

JS Fiddle Example

新的HTML5属性允许您添加将应用于相应输入的正则表达式模式。然后使用CSS3基于以下内容应用样式：有效或：无效响应，以便为用户提供视觉反馈。注意：在所有字段均有效之前，不会提交表单。

此外，尝试在<ul>标记中使用<form>而不是<p>来订购表单元素。

我的应用jQuery无法正常工作

1 个答案: