導航:首頁 > 編程語言 > 表單輸入動態提示信息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代碼相關的資料

熱點內容
水準測量平差程序 瀏覽：78
cf如何解決網路誤封 瀏覽：952
折疊式文件夾是什麼意思 瀏覽：796
js彈窗登錄注冊 瀏覽：563
怎麼把游戲數據備份到另一個手機 瀏覽：361
微信封殺搶紅包神器破解教程 瀏覽：536
帶貨數據什麼時候更新 瀏覽：500
微信通訊錄復制到手機 瀏覽：498
編程貓怎麼連接音響 瀏覽：589
有沒有什麼app在家點餐 瀏覽：501
win10視頻文件看不到縮略圖注冊表 瀏覽：238
請上傳文件和視頻英語 瀏覽：413
win10拷貝文件失敗拒絕訪問 瀏覽：189
什麼叫app推廣報備 瀏覽：414
win10的文件查找在哪裡設置密碼 瀏覽：617
蘋果6plusitunesstore 瀏覽：971
qqiphone6在線手機軟體 瀏覽：407
文件怎麼轉發 瀏覽：94
數控機床編程與操作怎麼啟動 瀏覽：636
linux查找c文件是否存在 瀏覽：150

友情鏈接