jquery-easyui中的表单验证

发布：2015/8/20 10:30:57作者：管理员来源：本站浏览次数：1698

Query EasyUI中进行表单验证主要是通过validatebox插件，看一个例子：

Html代码

<div style="background:#fafafa;padding:10px;width:300px;height:300px;">
<form id="ff" method="post">
<div>
<label for="name">Name:</label>
<input class="easyui-validatebox" type="text" name="name" required="true"></input>
</div>
<div>
<label for="email">Email:</label>
<input class="easyui-validatebox" type="text" name="email" required="true" validType="email"></input>
</div>
<div>
<label for="subject">Subject:</label>
<input class="easyui-validatebox" type="text" name="subject" required="true"></input>
</div>
<div>
<label for="message">Message:</label>
<textarea name="message" style="height:60px;"></textarea>
</div>
<div>
<input type="submit" value="Submit">
</div>
</form>
</div>

这个表单对name,email,subject字段定义为必填字段，并且对email字段中的填写格式作了限制。

为了防止表单验证未通过时进行提交，必须：

Js代码

运行一下，看看效果：

　EasyUI 表单验证注意事项

ASP.NET MVC Jquery Validate 表单验证的多种方式　

在ASP.NET中MVC两种Ajax方法实现无刷新验证实例在asp.net开发中MVC中html.beginform提交表单的四种方法全程详解 c#-将焦点设置为Xamarin表单中的下一个条目 ASP.NET Core 表单中的标记帮助程序 ASP.NET MVC Jquery Validate 表单验证的多种方式 jquery-easyui中的表单验证 EasyUI 表单验证注意事项 mvc3 用ModelState.IsValid进行表单验证问题 EasyUI 表单验证

柏港建站平台