在javaScript/Jquery中创建自定义验证类

在javaScript/Jquery中创建自定义验证类,javascript,jquery,html,Javascript,Jquery,Html,假设有一个输入元素字段,我想创建一个新的验证类myClass,我可以插入任何可能执行某些功能并设置属性(如 readonly="true" required='true'. HTML是 <td> <input type="text" id="endDate" name ="endDate" class="select_200" required readonly="true"> </td> 现在,单独设置元素需要一个类来执行: 函数检查让字符数小于1

假设有一个输入元素字段,我想创建一个新的验证类myClass,我可以插入任何可能执行某些功能并设置属性(如

readonly="true"
required='true'.
HTML是

<td>
   <input type="text" id="endDate" name ="endDate" class="select_200" required readonly="true">
</td>
现在,单独设置元素需要一个类来执行:

函数检查让字符数小于10并设置 属性

设置属性,如readonly、required

这样我就可以将该类添加到具有类似属性的所有元素中

验证+仅通过添加类设置/重置属性


是否已为字段创建新函数?

您可以为输入元素设置自己的自定义属性,并使用这些自定义属性查询输入字段并执行各种操作。你可以在下面找到我的样品

      on 
       <form onsubmit="return validate()" name="form">  
       <td>
       <input type="text" id="custname" name ="endDate" class="select_200" 
       required readonly="true">
       <font style="color:red" id="custnameerror"></font>
      </td>
      <button onclick="return validate()"></button>
      </form>

     javascript validation function like
   <script type="text/javascript">


    function validate(from)
     {
    var error=document.getElementById("custnameerror");
    var custname=form["custname"].value;

      error.innerHTML="";

      if( custname==null || custname==""){
          error.innerHTML="Enter customer name";
          return false;
      }

      if(custname.length<3){
          error.innerHTML="Customer name should be minimum 3 character";
          return false;
      } 
      if(custname.length>80){
          error.innerHTML="Customer name should be in between 3 to 80 
      character";
          return false;
      }/*end */

  </script>
$function{ //在此处设置各种输入字段属性 $input[data myCustomClass].eachfunction{ //$this.attrreadonly,true; $this.attrrequired,true; }; //设置最大长度-您可以更改此代码以从属性检索信息 $input[data setFieldLength]。每个函数{ $this.attrmaxlength,10; }; //基于validateFor属性验证字段长度 $input[data validateFieldLength].eachfunction{ $this.on'focusout',函数{ var validateFor=$this.attrvalidateFor; 如果$.trim$this.val.length查看html元素是否存在我想创建一个新的验证类,该类将自动设置属性少数,并在元素上运行一个验证方法我们将在何处添加class='myClass'问题不清楚您想要实现什么。请清楚地提到您想问的问题在这段代码中您是否添加了自己定义的类???不是一个解决方案阅读问题我不是在问整个表格的验证!!!虽然这个代码片段可以解决这个问题,但它没有解释为什么或者如何回答这个问题。请对你的代码进行解释,因为这确实有助于提高你文章的质量。请记住,您将在将来回答读者的问题,而这些人可能不知道您的代码建议的原因。请尝试解释您的代码的作用。因此,其他未来用户也可以理解解决方案。谢谢,这是我问的。我们不能有类的东西吗?是的,这也会很好,但它不是类。