\u4eca\u5929\u4e3b\u8981\u8be6\u5199\u4e00\u4e0b\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u7684Input\u8f93\u5165\u6846\u63a7\u4ef6\uff0c\u8f93\u5165\u6846\u5728\u7a0b\u5e8f\u4e2d\u662f\u6700\u5e38\u89c1\u7684\uff0c\u767b\u5f55\uff0c\u6ce8\u518c\uff0c\u83b7\u53d6\u641c\u7d22\u6846\u4e2d\u7684\u5185\u5bb9\u7b49\u7b49\u90fd\u9700\u8981\uff0c\u540c\u65f6\uff0c\u8fd8\u9700\u8981\u8bbe\u7f6e\u4e0d\u540c\u6837\u5f0f\u7684\u8f93\u5165\u6846\uff0c\u4eca\u5929\u7684\u4ee3\u7801\u4e2d\u90fd\u8981\u76f8\u5e94\u7684\u4f7f\u7528\u3002
\u9996\u5148\u4e3b\u9875\u9762\u4e2d\u5c06\u767b\u5f55\u7684\u6837\u5f0f\u8fdb\u884c\u4e86\u7b80\u5355\u5c55\u793a\u548c\u4f7f\u7528\uff0c<\/p>\n
\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n
<\/p>\n
<\/p>\n
<!--\u5982\u679c\u5728\u540c\u4e00\u4e2aform\u8868\u5355\u4e2d\u521b\u5efa\u4e86\u591a\u4e2ainput\u8f93\u5165\u6846\uff0c\u53ef\u4ee5\u7ed9\u7ed9\u6bcf\u4e2a\u8f93\u5165\u6846\uff0c\u521b\u5efa\u81ea\u5df1\u7684\r\nname=\u201cuserName\u201d\u5c5e\u6027\uff0c\u53ef\u4ee5\u533a\u522b\u54ea\u4e2a\u8f93\u5165\u6846\uff0c\u5e76\u901a\u8fc7\u6dfb\u52a0\r\n\u5c5e\u6027\u63d0\u4ea4\uff1abindsubmit=\"\u65b9\u6cd5\u540d\" \u91cd\u7f6e\uff1abindreset=\"\u65b9\u6cd5\u540d\"\uff0c\u8fbe\u5230\u6e05\u9664\u8f93\u5165\u6846\u5185\u5bb9\u7684\u76ee\u7684\r\njs\u6587\u4ef6\u4e2d\u7684\u7528\u6cd5\uff0ce.detail.value.userName.length-->\r\n<view>\u7528\u6237\u540d\uff1a\r\n <input>\r\n <\/view><view>\u5bc6 \u7801\uff1a\r\n <input>\r\n <\/view><view>\r\n <button>\u767b\u5f55<\/button>\r\n <button>\u6e05\u9664<\/button>\r\n<\/view><view>{{infoMess}}<\/view><view>{{userName}}<\/view><view>{{passWd}}<\/view><view>\r\n <navigator>\r\n <text>\u5404\u7c7b\u578b\u8f93\u5165\u6846\u5c55\u793a<\/text>\r\n <\/navigator><\/view><\/pre>\n \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\/\/index.js<\/p>\n
<\/p>\n
\/\/\u83b7\u53d6\u5e94\u7528\u5b9e\u4f8b\r\nvar app = getApp()\r\nPage({\r\n data: {\r\n infoMess: '',\r\n userName: '',\r\n userN:'',\r\n passWd: '',\r\n passW:''\r\n },\r\n \/\/\u7528\u6237\u540d\u548c\u5bc6\u7801\u8f93\u5165\u6846\u4e8b\u4ef6\r\n userNameInput:function(e){\r\n this.setData({\r\n userN:e.detail.value\r\n })\r\n },\r\n passWdInput:function(e){\r\n this.setData({\r\n passW:e.detail.value\r\n })\r\n },\r\n \/\/\u767b\u5f55\u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\uff0c\u8c03\u7528\u53c2\u6570\u8981\u7528\uff1athis.data.\u53c2\u6570\uff1b\r\n \/\/\u8bbe\u7f6e\u53c2\u6570\u503c\uff0c\u8981\u4f7f\u7528this.setData({}\uff09\u65b9\u6cd5\r\n loginBtnClick:function(){\r\n if(this.data.userN.length == 0 || this.data.passW.length == 0){\r\n this.setData({\r\n infoMess:'\u6e29\u99a8\u63d0\u793a\uff1a\u7528\u6237\u540d\u548c\u5bc6\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01',\r\n })\r\n }else{\r\n this.setData({\r\n infoMess:'',\r\n userName:'\u7528\u6237\u540d\uff1a'+this.data.userN,\r\n passWd:'\u5bc6\u7801\uff1a'+this.data.passW\r\n })\r\n }\r\n },\r\n \/\/\u91cd\u7f6e\u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\r\n resetBtnClick:function(e){\r\n this.setData({\r\n infoMess: '',\r\n userName: '',\r\n userN:'',\r\n passWd: '',\r\n passW:'',\r\n })\r\n },\r\n onLoad: function () {\r\n console.log('onLoad')\r\n var that = this\r\n \/\/\u8c03\u7528\u5e94\u7528\u5b9e\u4f8b\u7684\u65b9\u6cd5\u83b7\u53d6\u5168\u5c40\u6570\u636e\r\n app.getUserInfo(function(userInfo){\r\n \/\/\u66f4\u65b0\u6570\u636e\r\n that.setData({\r\n userInfo:userInfo\r\n })\r\n })\r\n }\r\n})<\/pre>\n \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u7136\u540e\u5728\u7b2c\u4e8c\u4e2a\u754c\u9762\u4e2d\u663e\u793a\u4e86\u4e0d\u540c\u7684\u6837\u5f0f\u548c\u529f\u80fd\u7684input<\/p>\n
<\/p>\n
<!--pages\/index\/Component\/TextInput\/TextInput.wxml-->\r\n<view>\r\n <text>TextInput\u8f93\u5165\u6846\u5c55\u793a<\/text>\r\n <view><\/view><\/view><view>\r\n <input><\/view><view>\r\n <input><\/view><view>\r\n <button>\u4f7f\u5f97\u8f93\u5165\u6846\u83b7\u53d6\u7126\u70b9<\/button>\r\n<\/view><view>\r\n <input><\/view><view>\u4f60\u8f93\u5165\u7684\u662f\uff1a{{inputValue}}<\/view><view>\r\n <input><\/view><view>\r\n <input><\/view><view>\r\n <input><\/view><view>\r\n <input><\/view><view>\r\n <input><\/view><view>\r\n <input><\/view><view>\r\n <input><\/view><view>\r\n <input><\/view><\/pre>\n \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
<\/p>\n
\/\/ pages\/index\/Component\/TextInput\/TextInput.js\r\nPage({\r\n data: {\r\n focus: false,\r\n inputValue: ''\r\n },\r\n bindButtonTap: function() {\r\n this.setData({\r\n focus: true\r\n })\r\n },\r\n bindKeyInput: function(e) {\r\n this.setData({\r\n inputValue: e.detail.value\r\n })\r\n },\r\n bindReplaceInput: function(e) {\r\n var value = e.detail.value\r\n var pos = e.detail.cursor\r\n if(pos != -1){\r\n \/\/ \u5149\u6807\u5728\u4e2d\u95f4\r\n var left = e.detail.value.slice(0,pos)\r\n \/\/ \u8ba1\u7b97\u5149\u6807\u7684\u4f4d\u7f6e\r\n pos = left.replace(\/11\/g,'2').length\r\n }\r\n\r\n \/\/ \u76f4\u63a5\u8fd4\u56de\u5bf9\u8c61\uff0c\u53ef\u4ee5\u5bf9\u8f93\u5165\u8fdb\u884c\u8fc7\u6ee4\u5904\u7406\uff0c\u540c\u65f6\u53ef\u4ee5\u63a7\u5236\u5149\u6807\u7684\u4f4d\u7f6e\r\n return {\r\n value: value.replace(\/11\/g,'2'),\r\n cursor: pos\r\n }\r\n \/\/ \u6216\u8005\u76f4\u63a5\u8fd4\u56de\u5b57\u7b26\u4e32,\u5149\u6807\u5728\u6700\u540e\u8fb9\r\n \/\/ return value.replace(\/11\/g,'2'),\r\n },\r\n bindHideKeyboard: function(e) {\r\n if (e.detail.value === \"123\") {\r\n \/\/\u6536\u8d77\u952e\u76d8\r\n wx.hideKeyboard()\r\n }\r\n },\r\n onLoad:function(options){\r\n \/\/ \u9875\u9762\u521d\u59cb\u5316 options\u4e3a\u9875\u9762\u8df3\u8f6c\u6240\u5e26\u6765\u7684\u53c2\u6570\r\n },\r\n onReady:function(){\r\n \/\/ \u9875\u9762\u6e32\u67d3\u5b8c\u6210\r\n },\r\n onShow:function(){\r\n \/\/ \u9875\u9762\u663e\u793a\r\n },\r\n onHide:function(){\r\n \/\/ \u9875\u9762\u9690\u85cf\r\n },\r\n onUnload:function(){\r\n \/\/ \u9875\u9762\u5173\u95ed\r\n }\r\n})<\/pre>\n \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u6548\u679c\u56fe\uff1a<\/p>\n
![\"\u5fae\u4fe1\u5f00\u53d1\u4e4binput\u63a7\u4ef6\u7684\u5b9e\u4f8b\u8be6\u89e3\u63d2\u56fe\"](\"https:\/\/img.php.cn\/upload\/article\/000\/001\/505\/642fdf20341e9e73214e85123eca7f66-0.png\" "\\"\u5fae\u4fe1\u5f00\u53d1\u4e4binput\u63a7\u4ef6\u7684\u5b9e\u4f8b\u8be6\u89e3\u63d2\u56fe\\"")
![\"\u5fae\u4fe1\u5f00\u53d1\u4e4binput\u63a7\u4ef6\u7684\u5b9e\u4f8b\u8be6\u89e3\u63d2\u56fe1\"](\"https:\/\/img.php.cn\/upload\/article\/000\/001\/505\/642fdf20341e9e73214e85123eca7f66-1.png\" "\\"\u5fae\u4fe1\u5f00\u53d1\u4e4binput\u63a7\u4ef6\u7684\u5b9e\u4f8b\u8be6\u89e3\u63d2\u56fe1\\"")
<\/p>\n
\u3010\u76f8\u5173\u63a8\u8350\u3011<\/p>\n
1. <\/p>\n
2. <\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5f00\u53d1\u4e4binput\u63a7\u4ef6\u7684\u5b9e\u4f8b\u8be6\u89e3\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f input\u8f93\u5165\u6846\u8be6\u89e3\u53ca\u5b9e\u4f8b\uff08\u591a\u79cd\u793a\u4f8b\uff09\u7684\u76f8\u5173\u8d44\u6599,\u8f93\u5165\u6846\u5728\u7a0b\u5e8f\u4e2d\u662f\u6700\u5e38\u89c1\u7684\uff0c\u767b\u5f55\uff0c\u6ce8\u518c\uff0c\u83b7\u53d6\u6846\u4e2d\u7684\u5185\u5bb9\u7b49\u7b49\u90fd\u9700\u8981\uff0c\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e0b \u5fae\u4fe1\u5c0f\u7a0b\u5e8f input\u8f93\u5165\u6846\u63a7\u4ef6 \u4eca\u5929\u4e3b\u8981\u8be6\u5199\u4e00\u4e0b\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4e2d\u7684Input\u8f93\u5165\u6846\u63a7\u4ef6\uff0c\u8f93\u5165\u6846\u5728\u7a0b\u5e8f\u4e2d\u662f\u6700\u5e38\u89c1\u7684\uff0c\u767b\u5f55\uff0c\u6ce8\u518c\uff0c\u83b7\u53d6\u641c\u7d22\u6846\u4e2d\u7684\u5185\u5bb9\u7b49\u7b49\u90fd\u9700\u8981\uff0c\u540c\u65f6\uff0c\u8fd8\u9700\u8981\u8bbe\u7f6e\u4e0d\u540c\u6837\u5f0f\u7684\u8f93\u5165\u6846\uff0c\u4eca\u5929\u7684\u4ee3\u7801\u4e2d\u90fd\u8981\u76f8\u5e94\u7684\u4f7f\u7528\u3002\u9996\u5148\u4e3b\u9875\u9762\u4e2d\u5c06\u767b\u5f55\u7684\u6837\u5f0f\u8fdb\u884c\u4e86\u7b80\u5355\u5c55\u793a\u548c\u4f7f\u7528\uff0c \u4ee3\u7801\u5982\u4e0b\uff1a <!–\u5982\u679c\u5728\u540c\u4e00\u4e2aform\u8868\u5355\u4e2d\u521b\u5efa\u4e86\u591a\u4e2ainput\u8f93\u5165\u6846\uff0c\u53ef\u4ee5\u7ed9\u7ed9\u6bcf\u4e2a\u8f93\u5165\u6846\uff0c\u521b\u5efa\u81ea\u5df1\u7684 name=\u201cuserName\u201d\u5c5e\u6027\uff0c\u53ef\u4ee5\u533a\u522b\u54ea\u4e2a\u8f93\u5165\u6846\uff0c\u5e76\u901a\u8fc7\u6dfb\u52a0 \u5c5e\u6027\u63d0\u4ea4\uff1abindsubmit=”\u65b9\u6cd5\u540d” \u91cd\u7f6e\uff1abindreset=”\u65b9\u6cd5\u540d”\uff0c\u8fbe\u5230\u6e05\u9664\u8f93\u5165\u6846\u5185\u5bb9\u7684\u76ee\u7684 js\u6587\u4ef6\u4e2d\u7684\u7528\u6cd5\uff0ce.detail.value.userName.length–> <view>\u7528\u6237\u540d\uff1a <input> <\/view><view>\u5bc6 \u7801\uff1a <input> <\/view><view> <button>\u767b\u5f55<\/button> <button>\u6e05\u9664<\/button> <\/view><view>{{infoMess}}<\/view><view>{{userName}}<\/view><view>{{passWd}}<\/view><view> <navigator> <text>\u5404\u7c7b\u578b\u8f93\u5165\u6846\u5c55\u793a<\/text> <\/navigator><\/view> \u767b\u5f55\u540e\u590d\u5236 \/\/index.js \/\/\u83b7\u53d6\u5e94\u7528\u5b9e\u4f8b var app = getApp() Page({ data: { infoMess: ”, userName: ”, userN:”, passWd: ”, passW:” }, \/\/\u7528\u6237\u540d\u548c\u5bc6\u7801\u8f93\u5165\u6846\u4e8b\u4ef6 userNameInput:function(e){ this.setData({ userN:e.detail.value }) }, passWdInput:function(e){ this.setData({ passW:e.detail.value }) }, \/\/\u767b\u5f55\u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\uff0c\u8c03\u7528\u53c2\u6570\u8981\u7528\uff1athis.data.\u53c2\u6570\uff1b \/\/\u8bbe\u7f6e\u53c2\u6570\u503c\uff0c\u8981\u4f7f\u7528this.setData({}\uff09\u65b9\u6cd5 loginBtnClick:function(){ if(this.data.userN.length == 0 || this.data.passW.length == 0){ this.setData({ infoMess:’\u6e29\u99a8\u63d0\u793a\uff1a\u7528\u6237\u540d\u548c\u5bc6\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01’, }) }else{ this.setData({ infoMess:”, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-30098","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=30098"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30098\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=30098"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=30098"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=30098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}