導航:首頁 > 編程語言 > 表單輸入動態提示信息js代碼

表單輸入動態提示信息js代碼

 發布時間：2024-11-06 20:31:41

⑴ js驗證時不用alert();提示錯誤信息，怎樣在後面直接提示錯誤信息

使用說明：
1、消息顯示對象id = 輸入表單id + _msg
如用戶名輸入表單id=txt_username,消息顯示對象id=txt_username_msg

2、錯誤消息:寫在輸入表單的title里，具體如下

用戶名：<input type="text" name="txt_username" id="txt_username" onblur="CheckInput(this, 'username')" title="用戶名不能為空

，應為4-20個字母數字組成！"/><span id="txt_username_msg"></span>
<br/>
密碼：<input type="text" name="txt_password" id="txt_password" onblur="CheckInput(this, 'password')" title="密碼不能為空，應

為6-20個非空字元組成！"/><span id="txt_password_msg"></span>

<script>
//參數說明 ，o : 檢查對象 ,sType : 數據類型
function CheckInput(o ,sType){
var msg=document.getElementById(o.id + '_msg');
//用戶名
if(sType=='username'){
msg.innerHTML=(!/^[a-z0-9]{4,20}$/gi.test(o.value))? o.title : '√';
}
//密碼
if(sType=='password'){
msg.innerHTML=(!/^[\S]{6,20}$/gi.test(o.value))? o.title : '√';
}
//更多數據類型驗證方法可以自己添加....
}

</script>

⑵ js問題，一個表單，輸入名字，然後點擊表單下面的確定，彈出窗口提示xxx真棒。

<BODY>
<FORM METHOD=POST ACTION="">
<INPUT ID="test" TYPE="text">
</FORM>
<INPUT TYPE="button" VALUE="確定" ONCLICK="check()">
</BODY>

<SCRIPT LANGUAGE="javaScript">

function check()
{
var name = document.getElementById("test").value;
name = name + "真棒！";
alert(name);
}
</SCRIPT>

⑶ html表單輸入框里，用戶輸入的內容怎麼引入到javascript的語句中參與函數計算

這個很簡單..
比如你html里有個<input type="text" name="username" id="uname"></input>
這個假如就是用戶輸入的內容
然後你在js寫上document.getElementById("uname").value就可以獲取到用戶輸入的內容了

⑷ 如何使用validate.js進行動態添加和移除表單驗證信息

1,動態添加驗證規則
// 添加
$("#addConnectUser").rules("add",{rules:{required:true,isString:true},messages:{required:"用戶名為必填項",isString:"請輸入規範字元"}});
// 移除
$("#addConnectUser").rules('remove','required');
在此我要講一下為什麼有一個isString驗證規則；這個是為了限製表單中input的輸入規則；比如:不允許特殊字元，或者一些特殊的要求；這個isString是自己配置的
jQuery.validator.addMethod("isString", function(value, element) {
return this.optional(element) || (inputTest.test(value));
},"請輸入規范內容");
// 此處的inputTest為你自定義的驗證規則
2,如何給已經添加了表單驗證的選項移除驗證規則;
$("#addConnectUser").rules("remove",'required');
//再次添加可以直接用
$("#addConnectUser").rules("add",'required');

⑸ js實現點擊輸入用戶名或密碼的文本框在旁邊彈出提示語

你可以使用formValidator.js，專門做表單驗證的，效果如下：

用法很簡單，引用formValidator.js的核心類庫，然後初始化$.formValidator.initConfig({formid: "main",debug:false,submitOnce : true});

然後對要做校驗的文本框編寫校驗代碼

$("#employeeNo").formValidator({onshow : "輸入范圍為1到10個字元",
onfocus : "輸入范圍為1到10個字元",oncorrect : " "}).inputValidator({
min: 1, max: 10, empty:{leftempty:false,rightempty:false,emptyerror:"該欄位左右不允許出現空格"}, onerror : "輸入范圍為1到10個字元"});
$("#employeeName").formValidator({onshow : "輸入范圍為1到40個字元",
onfocus : "輸入范圍為1到40個字元",oncorrect : " "}).inputValidator({
min: 1, max: 40, empty:{leftempty:false,rightempty:false,emptyerror:"該欄位左右不允許出現空格"}, onerror : "輸入范圍為1到40個字元"});

在後面對應的<div id="employeeNoTip"></div>顯示提示語

formValidator.js這個網上有很多實例和教程，很簡單的

閱讀全文

與表單輸入動態提示信息js代碼相關的資料

熱點內容
手游一般是哪個編程工具開發的 瀏覽：365
安卓openvpn導入配置 瀏覽：858
k線組合app哪個好用 瀏覽：403
javaweb字典選擇框 瀏覽：362
剛裝的寬頻怎麼連接網路連接 瀏覽：909
鋼鐵雄心4陝西代碼 瀏覽：419
高效記住代碼的方法 瀏覽：390
envi5064位破解文件 瀏覽：808
fc超級馬里奧安卓版 瀏覽：134
內蒙古數控大賽用什麼軟體編程 瀏覽：148
2010word修改作者信息 瀏覽：386
linuxtomcat打不開 瀏覽：497
網路營銷與傳統營銷相比有哪些特點和優勢 瀏覽：404
圖片形式的文件怎麼弄 瀏覽：779
網頁文件的後綴 瀏覽：681
ipad錄屏視頻文件是什麼格式 瀏覽：30
atm網路是什麼 瀏覽：673
微博可以直接上傳pdf文件嗎 瀏覽：206
賣農資產品的app有哪些 瀏覽：181
盜版win10激活後 瀏覽：251

友情鏈接