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

熱點內容
如何讓數據線連接手機上網 瀏覽：522
win10日期更改 瀏覽：846
javaweb前後端分離方案 瀏覽：763
迅雷白金lv6沒有升級鑽石 瀏覽：994
cnc編程和模具設計哪個容易學 瀏覽：449
怎麼看存款數據 瀏覽：442
如何將兩行數據剔除重復數據 瀏覽：789
ghost鏡像工具 瀏覽：279
pythonhtmlpdf文件 瀏覽：119
百度雲刪不掉文件 瀏覽：991
ipad如何調節app大小 瀏覽：675
公司網站怎麼編輯 瀏覽：144
WIN10路由器傳大文件 瀏覽：280
積分文件 瀏覽：740
ai文件嵌入在哪個地方 瀏覽：688
e4a下載哪個版本好 瀏覽：526
word2007中如何在方框中打勾 瀏覽：854
wind如何下載數據 瀏覽：821
大掌門app充值金額固定 瀏覽：196
小學網站模板免費下載 瀏覽：687

友情鏈接