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

熱點內容
ps入門必備文件 瀏覽：348
以前的相親網站怎麼沒有了 瀏覽：15
蘋果6耳機聽歌有滋滋聲 瀏覽：768
怎麼徹底刪除linux文件 瀏覽：379
編程中字體的顏色是什麼意思 瀏覽：534
網站關鍵詞多少個字元 瀏覽：917
匯川am系列用什麼編程 瀏覽：41
筆記本win10我的電腦在哪裡打開攝像頭 瀏覽：827
醫院單位基本工資去哪個app查詢 瀏覽：18
css源碼應該用什麼文件 瀏覽：915
編程ts是什麼意思呢 瀏覽：509
c盤cad佔用空間的文件 瀏覽：89
不銹鋼大小頭模具如何編程 瀏覽：972
什麼格式的配置文件比較主流 瀏覽：984
增加目錄word 瀏覽：5
提取不相鄰兩列數據如何做圖表 瀏覽：45
r9s支持的網路制式 瀏覽：633
什麼是提交事務的編程 瀏覽：237
win10打字卡住 瀏覽：774
linux普通用戶關機 瀏覽：114

友情鏈接