如何在使用jquery验证textarea时检查null,空格和换行.如果textarea为空并且只有新行或空格应该发出警报
在这个答案的代码中:
$.validator.addMethod('lessThanEqual', function(value, element, param) {
return this.optional(element) || parseInt(value) <= parseInt($(param).val());
}, "The value {0} must be less than {1}");
是什么意思{0}和{1}？Javascript中定义那些参数替换的经验法则是什么？
所以根据评论,我想进一步询问,以便在这里传递{0}和{1}.
我必须使用什么语法来验证函数lessThanEqual.
谢谢
<form>
<div class="clrfix">
<label for="first_name">First Name</label>
<input data-val="true" data-val-required="Your First Name is required." id="first_name" name="first_name" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="first_name" data-valmsg-replace="true"></span>
</div>
<div class="clrfix">
<label for="last_name">Last Name</label>
<input data-val="true" data-val-required="Your Last Name is required." id="last_name" name="last_name" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="last_name" data-valmsg-replace="true"></span>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script src="/Scripts/mvc/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Scripts/mvc/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>
<script src="/Scripts/mvc/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
所以我试图在ASP.NET MVC 3中理解这种不引人注意的客户端验证的概念.所以我做了上面的,现在最大的问题,我如何用jQuery验证？我到底写了什么？这让我很困惑.如何调用错误消息,什么不是？
如果有人能给我任何关于后续步骤的见解,我将非常感激.
我正在使用jQuery Validation插件,用于我的jQuery移动网站.验证正在进行,但它没有显示错误消息.找出问题所在需要帮助.这是我的代码.
<script language="javascript" type="text/javascript" >
$(document).ready(function () {
$("#LoginForm").validate();
});
</script>
<form id="LoginForm" class="validate" action="~/Home/Search" method="get">
<ul data-role="listview" data-inset="true">
<li data-role="list-divider"><div class="center-wrapper">Secure Login</div></li>
<li data-role="fieldcontain">
<label for="FirmKey">FirmKey</label>
<input type="text" id="FirmKey" name="FirmKey" class="required" />
</li>
<li data-role="fieldcontain">
<label for="UserName">User Name</label>
<input type="text" id="UserName" name="UserName" class="required" />
</li>
<li data-role="fieldcontain">
<label for="Password">Password</label>
<input type="password" id="Password" name="Password" class="required" />
</li>
<li data-role="fieldcontain">
<input type="submit" id="submit" value="LOGIN" />
</li>
</ul>
</form>
CSS:
label.error {
float: none;
color: red;
font-size: 16px;
font-weight: normal;
line-height: …我使用下面的jquery.validation来验证前端的电子邮件.它工作正常.
jQuery(function(){
//checking email is blank or not
jQuery("#email").validate({
expression: "if(VAL) return true; else return false;",
message: "<?php echo JText::_('Error in email'); ?>"
});
});
PHP - Joomla保存按钮
JToolBarHelper::save();
我使用joomla native save按钮来激活我的控制器中的任务.
HTML
<input type="text" name="email" id="email" value="">
我的问题是jquery验证不会停止joomla提交.我想要做的是当用户点击SAVE我只想在没有验证错误的情况下提交表单.我该怎么做 ？谢谢
我正在使用jQuery Validate插件。仅在用户完成键入后如何使它验证输入。从第一个键入的字母返回错误的默认行为似乎不是非常用户友好的IMO。
我试图验证一个输入.所以我想得到这种规则 - 如果字段值等于"xxx"(文本),则字段有效.
我试过这个,但它似乎只有在你想要两个输入相同的情况下才能工作.
$("#contact-form").validate({
rules: {
capcode: {
equalTo: "xxx"
}
}
});?
我似乎无法弄清楚这里的问题是什么.我已经尝试将我的js放在我的脑海里,在我的表格之下,在我的表格之上,等等.他们似乎都没有做任何事情.它只是在没有尝试验证的情况下提交页面
HTML:
<div class="content">
<h1>Submit A Lost Paw</h1>
<p>Please complete the form below. After being reviewed by a moderator, your listing will be posted for others to see.</p>
<ul id="error-box">
</ul>
<form id="test" name="test" action="test.php" method="post">
<div class="section">
<div class="input-title">
<label for="pet_name">Pet Name:</label>
</div>
<div class="input">
<input id="pet_name" type="text" />
</div>
<div class="clear"></div>
</div>
<div class="section">
<div class="input-title">
<label for="date_missing">Date Pet Went Missing:</label>
</div>
<div class="input">
<input id="date_missing" type="text" />
</div>
<div class="clear"></div>
</div>
<div class="section">
<div class="input-title">
<label for="location">Location:</label> …任何人都可以告诉我如何使用jQuery Validate插件验证登录表单？
我试过这段代码:
<script src="jquery-1.8.3.js"></script>
<script src="loginbut/js/login.js"></script>
<script src="jquery.validate.js" type="text/javascript">
</script>
<script>
$(document).ready(function(){
$("#loginform").validate({
rules:{
//name:"required",
username:"required",
password:"required",
gender:"required",
},
messages:{
email:"This field cannot be empty",
password:{
required:"specify password",
},
});
});
</script>
和HTML代码为:
<div id="bar">
<div id="container">
<!-- Login Starts Here -->
<div id="loginContainer">
<a href="#" id="loginButton"><span>Login</span><em></em></a>
<div style="clear:both"></div>
<div id="loginBox">
<form id="loginForm">
<fieldset id="body">
<fieldset>
<label for="email">Username</label>
<input type="text" name="email" id="email" class="required"/>
</fieldset>
<fieldset>
<label for="password">Password</label>
<input type="password" name="password" id="password" class="required"/>
</fieldset>
<input type="submit" id="login" value="Sign in" /> …如果我在下方运行，并且alder和gender字段均无效，则会发出两次警报。是否可以使其一次警报？
$(function(){
$("#formTest").validate({
rules : {
alder : {
required: true
},
gender : {
required: true
}
},
errorPlacement: function (error, element) {
alert("Alert once");
}
});
});