在javaScript/Jquery中创建自定义验证类
假设有一个输入元素字段,我想创建一个新的验证类myClass,我可以插入任何可能执行某些功能并设置属性(如在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
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