jquery validation插件表单验证的一个例子_Javascript教程-查字典教程网
jquery validation插件表单验证的一个例子
jquery validation插件表单验证的一个例子
发布时间:2016-12-30 来源:查字典编辑
摘要:messages_cn.js(不引用messages_cn.js是英文的提示,用了是中文)复制代码代码如下:required:"Thisfi...

messages_cn.js <> (不引用messages_cn.js是英文的提示,用了是中文)

复制代码 代码如下:

required: "This field is required.",

remote: "Please fix this field.",

email: "Please enter a valid email address.",

url: "Please enter a valid URL.",

date: "Please enter a valid date.",

dateISO: "Please enter a valid date (ISO).",

dateDE: "Bitte geben Sie ein gültiges Datum ein.",

number: "Please enter a valid number.",

numberDE: "Bitte geben Sie eine Nummer ein.",

digits: "Please enter only digits",

creditcard: "Please enter a valid credit card number.",

equalTo: "Please enter the same value again.",

accept: "Please enter a value with a valid extension

maxlength: Please enter no more than {0} characters

minlength: Please enter at least {0} characters

rangelength: Please enter a value between {0} and {1} characters long.

range: Please enter a value between {0} and {1}.

max: Please enter a value less than or equal to {0}.

min: Please enter a value greater than or equal to {0}.

<script type="text/javascript">

$(function() {

$("#btnOk").click(function() {

$("#form1").validate({ rules: {

username: { required: true, minlength: 2 },

email: { required: true, email: true },

url: { required: true, url: true },

comment: "required"

}

});

});

});

</script>

<body>

<form id="form1" runat="server" action="" method="get">

<fieldset>

<legend>一个简单的验证带验证评论的例子</legend>

<p>

<label for="cusername">姓名</label><em>*</em>

<input type="text" id="cusername" name="username" size="25"/>

</p>

<p>

<label for="cemail">邮件</label><em>*</em>

<input type="text" id="cemail" name="email" size="25"/>

</p>

<p>

<label for="curl">网址</label><em>*</em>

<input type="text" id="curl" name="url" size="25"/>

</p>

<p>

<label for="ccomment">你的评论</label><em>*</em>

<textarea id="ccomment" name="comment"cols="22"></textarea>

</p>

<p>

<%--<input type="submit" id="send" value="提交"/>--%>

<asp:Button ID="btnOk" runat="server" Text="提交"/>

</p>

</fieldset>

</form>

</body>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类