2011年8月19日 星期五

jQuery 語法範例

解決JavaScript中replace只置換第一個符合的字串問題

//只有置換的符合的第一個
var s=s.replace('aa','AA');

//把所有符合的字串置換
var s=s.replace(/\你要置換的字串/g,'AA');


針對整個 Form Selectors 的方式寫了一個 function 來掃全部欄位

$("#news_form :input").each(
function(){
switch($(this).attr('type')){
case 'radio':
/* 取消所有選取 */
$(this).attr("checked", false);
case 'checkbox':
/* 取消所有選取 */
$(this).attr("checked", false);
break;
case 'select-one':
/* 把 select 元件都歸到選第一項 */
$(this)[0].selectedIndex = 0;
break;
case 'text':
/* 清空 text 來欄位 */
$(this).attr("value", "");
break;
case 'password':
/* 清空 password 來欄位 */
$(this).attr("value", "");
case 'hidden':
/*
* 不清空 hidden,通常保純此欄位
*/
case 'textarea':
/* 清空 textarea 來欄位 */
$(this).attr("value", "");
break;
}
});

使用Html.TextBox可以透過maxlength屬性來限制字元數

//限制TextArea字元數
<script Type="text/javascript">
function checklength(ctlid, maxlength) {
if ($("#" + ctlid).text().length > maxlength) {
$("#" + ctlid).text($("#" + ctlid).text().substring(0, maxlength));
alert("已超過最大長度!"); return false;
}
}

$(function () {
$("#mycomments").keyup(function ()
{ checklength("mycomments", 100); });
});
</script>

防止頁面重複送出使用 jQuery:Validation,前端驗證的極品 jQuery:Validation,利用它來處理防止重複送出的按鈕

<script type="text/javascript" >
$('form').validate({
rules: {
name: { required: true },
email: { required: true, email: true },
pw: { required: true }
},
submitHandler: function (form)
{
$('form input:submit').attr('disabled', 'disabled');

form.submit();
}
});
</script>

沒有留言:

張貼留言